Change image tag generated by CKEditor
For a new project of mine I’m using a rich text editor called CKEditor. This is a highly configurable editor that, unfortunately, suffers from cluttered and not easily understandable documentation. I needed to change the generated HTML from the editor so that images that were resized not only had their size set as style attributes, but as query string variables. So I needed this: <img src=”http://yoursite.com/photo.jpg” style=”width:150px; height:200px;” /> to be output as this: <img src=”http://yoursite.com/photo.jpg?width=150&height=200″ style=”width:150px; height:200px;” /> That proved to be easier said than done, but after quite a lot of googling, asking on several forums, and getting some helpful (and some not helpful at all) replies, I finally ended up with the following: Put the following code into CKEditor’s config.js: CKEDITOR.on(‘instanceReady’, function […] Read more