tinymce - 如何在tinymce中嵌入图像？

Question

Tinymce 允许您通过引用 url 添加图像。对于普通用户来说，可能甚至不知道什么是 url，这太乏味了。他们的计算机上有一个图像，它应该嵌入到 html 文本中。是否有使用tinymce 实现这一目标的直接方法？

在这种特殊情况下，文件上传插件将无济于事，因为 tinymce 编辑器在本地运行。图像确实需要嵌入到 html 文本中。

Answer 1

您需要确保在 tinymce init valid_elements 和 valid_children 中正确配置。您希望用户如何嵌入图像？ (按钮单击，拖放，...)

要为每个 tinymce API 插入图像，您可以使用:

editor.execCommand('mceInsertContent', false, '<img src="images/myimage.jpeg" height="12" width="12" />');

我强烈建议您下载 tinymce 开发者版本并仔细查看文件 tiny_mce/themes/advanced/editor_template_src.js 和 tiny_mce/themes/advanced/charmap.html。如果可能，请在源代码中搜索“charmap”。
您必须插入图像 html 代码，而不是插入字符。