如何在tinymce中嵌入图像?

如何在tinymce中嵌入图像?,tinymce,embed,Tinymce,Embed,Tinymce允许您通过引用url添加图像。对于一个可能甚至不知道url是什么的普通用户来说,这太乏味了。他们的计算机上有一个图像,它应该嵌入html文本中。使用tinymce是否有一种简单的方法来实现这一点 文件上传插件在这个特定实例中没有帮助,因为tinymce编辑器在本地运行。图像确实需要嵌入到html文本中。您需要确保在tinymce init中正确配置了有效的\u元素和有效的\u子元素。您希望用户如何嵌入图像?(按钮单击,拖放,…) 要根据tinymce API插入图像,可以使用: e

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


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

您需要确保在tinymce init中正确配置了有效的\u元素和有效的\u子元素。您希望用户如何嵌入图像?(按钮单击,拖放,…)

要根据tinymce API插入图像,可以使用:

editor.execCommand('mceInsertContent', false, '<img src="images/myimage.jpeg" height="12" width="12" />');
editor.execCommand('mceInsertContent',false',);
我强烈建议您下载tinymce developer版本,仔细查看文件tiny_mce/themes/advanced/editor\u template\u src.js和tiny_mce/themes/advanced/charmap.html。如果可能,在源代码中搜索“charmap”。
你必须插入图像html代码,而不是插入一个字符。

我创建了一个插件,它可以在这里找到()

插件中有一些限制,如:

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

我想使用“插入图像”按钮。当然,拖放会很整洁!但是按钮可能更容易发现,并且不需要任何特殊的培训。因此,在这种情况下,单击按钮将插入一个图像(相同)或触发一个对话框来选择一个?按下“插入图像”按钮选择文件的对话框是我的目标。您应该看看charmap按钮(高级功能)。这是一个很好的起点。请参阅我编辑的文章。谢谢,Thariama。你所概述的内容听起来是正确的方向。不幸的是,我每天都不使用Javascript,因此我可能无法投入必要的时间来实现此功能。我可能最终会帮助客户“手动”插入图像暂时。谢谢你的指点!