将图像插入到 tinymce 编辑器中答案

【问题标题】：Insert an image into a tinymce editor将图像插入到 tinymce 编辑器中
【发布时间】：2014-02-18 13:07:46
【问题描述】：

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

【问题讨论】：

【解决方案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 + '"/>');

这是demo。

【讨论】：

对于Tiny MCE 4.x，插入图片代码可以简化为：tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');
我更新了我的旧小提琴，问题是库已移至新 URL。现在 fiddle 支持新版本的 TinyMCE 库了。

【解决方案2】：

user2314737 的小提琴坏了。所以我结合李飞合的解决方案来制作一个。

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

【讨论】：