将图像插入tinymce编辑器

Question

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

Answer 1

我已经使用了命令

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

从图像src中提取网址后，将图像插入tinyMCE。

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

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

这是demo。

Answer 2

来自user2314737的小提琴坏了。因此，我与Fei Hap Lee的解决方案结合使用。

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

fiddle