如何在tinymce中嵌入图像?

时间:2011-08-30 13:17:16

标签: tinymce embed

Tinymce允许您通过引用网址添加图像。对于普通用户来说,这可能甚至不知道网址是什么,这太繁琐了。他们的计算机上有一个图像,它应该嵌入到html文本中。有没有一种直接的方法来实现这个使用tinymce?

文件上传插件在这个特定实例中没有帮助,因为tinymce编辑器在本地运行。图像确实需要在html文本中嵌入

2 个答案:

答案 0 :(得分: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代码。

答案 1 :(得分:1)

我创建了一个在此处找到的插件(https://github.com/buddyexpress/bdesk_photo

插件中有一些限制,如:

  • 图像必须等于或小于500KB
  • 图像尺寸必须等于或小于800x800。