如何在TinyMCE中包含base64图像

Question

我有一个问题，使用tinymce.activeEditor.execCommand('mceInsertContent',时无法包含base64图像。

以下内容是有效的：

tinymce.activeEditor.execCommand("mceInsertContent", true, "<img style = 'height:80px;width:80px' src='/Content/image.png' />");`

tinymce.activeEditor.execCommand("mceInsertContent", true, "<div>safasfdasfd</div>");

当使用tinymce.activeEditor.execCommand('mceInsertContent', true, img64);时，其中img64是从MVC局部视图接收并转换为字符串的base64图片。

有没有人有一个可行的例子。我不知道语法是否错误或者是否有一些选项我忘记了？

更新：

以下内容不起作用：

tinymce.activeEditor.execCommand("mceInsertContent", true, "<img style='height:80px;width:80px' src='data:image/png;base64,/some long 64 string is here'>");

有人知道为什么这个不起作用吗？非常感谢帮助。

- asdfasdf

---

那可能需要正确的HTML语法，对吧？<img src='data......但是我个人会尽可能把图片发送到服务器并在那里临时存储。 - Pekka

请参考以下链接：https://dev59.com/wHM_5IYBdhLWcg3w1G6N - Pekka

谢谢！这是我的样子<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />，如果我将其放在div中，图像会正常显示，但由于某种原因，在tinymce中它无法工作。 - asdfasdf

Answer 1

似乎其他人也遇到了这个问题。在官方解决办法出现之前，在此线程中发布了一个解决方法: https://github.com/buddyexpress/bdesk_photo/issues/2 更新：解决方法是将paste_data_images : true添加到您的配置中。请参阅此处的文档：http://www.tinymce.com/wiki.php/Configuration:paste_data_images

- Nathan

---

我为此创建了一个TinyMCE错误报告。在这里为它投票：http://www.tinymce.com/develop/bugtracker_view.php?id=7549 - Nathan

Answer 2

尝试使用mceInsertRawHTML而不是mceInsertContent。

- ykay says Reinstate Monica