将图像插入tinymce编辑器

Question

我的html页面上有一个tinymce文本框.在这个文本框下面,我有一个包含文件系统的表,我可以在其中导航以查找我的图像.我希望能够单击此表中的图像并将其插入timymce文本框中.我该怎么做呢？

Answer 1

我用过这个命令

tinyMCE.execCommand('mceInsertContent', false, '<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

从图像中提取URL后,在tinyMCE中插入图像src.

请注意,您需要在命令中将图像的CSS样式传递给tinyMCE.

编辑:对于Tiny MCE 4.x,插入图像代码可以简化为: tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

这是演示.

Answer 2

来自user2314737的小提琴坏了.因此,我结合Fei Hap Lee的解决方案来完成工作.

        tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

小提琴