Viswalinga Surya S Viswalinga Surya S - 5 months ago 71
Javascript Question

insertHTML in CKEditor does not works only for images

I have tried to insert an uploaded image in to the CKEditor by using the following code,

var editor = CKEDITOR.instances.writearticle;
var value = '<img src="images/imagename.jpg">';
editor.insertHtml( value );


But this does not work. But when I try the same logic with this code

var editor = CKEDITOR.instances.writearticle;
var value = '<strong>Hello World</strong>';
editor.insertHtml( value );


Hello world as bold text is inserted. Why it is not working for the
<img>
tag?

I have found this procedure here and
<img>
insertion works in this site. What is the problem in my site?

Answer

The problem was resolved after adding,

config.allowedContent = 'img[src,alt,width,height]'; // But be sure to add all the other tags you use in with your Editor. Tags except this will be disabled.

Alternate solution

config.extraAllowedContent = 'img[src,alt,width,height]'

This will add <img> attribute to the allowed tags list and here you need to to specify every tags you need to allow. - Credit: Sibbl.

in the config.js file.

Comments