将图像插入tinymce编辑器

Question

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

Answer 1

我用过这个命令

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

从图像的src提取URL后，在tinyMCE中插入图像。

请注意，您需要在命令中将图像的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 + '"/>');