persianlord
fabiomaggio
/ ckeditor-responsive-images.js
Created
January 22, 2016 19:10
Make inserted images in CKEditor automatically responsive
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // If you want inserted images in a CKEditor to be responsive | |
| // you can use the following code. It creates a htmlfilter for the | |
| // image tag that replaces inline "width" and "style" definitions with | |
| // their corresponding attributes and add's (in this example) the | |
| // Bootstrap "img-responsive" class. | |
| CKEDITOR.on('instanceReady', function (ev) { | |
| ev.editor.dataProcessor.htmlFilter.addRules( { | |
| elements : { | |
| img: function( el ) { | |
| // Add bootstrap "img-responsive" class to each inserted image |