我有一个使用TinyMCE编辑文本的内容管理系统,我正在使用inline
选项。我遇到的问题是当内容包含iframe时 - 初始化TinyMCE时,它会将iframe转换为图片代码:
<img data-mce-p-allowfullscreen="allowfullscreen" data-mce-p-frameborder="0" data-mce-p-src="https://www.youtube.com/embed/xxxxx" width="560" height="315" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-object="iframe" class="mce-object mce-object-iframe" data-mce-src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
然后我需要将编辑过的HTML保存到服务器。 The docs这个功能没有提供关于如何执行此操作的建议,因此目前我使用jQuery来获取TinyMCE编辑器初始化的元素的HTML内容,但是这包含图像标记而不是原始iframe,这就是保存的内容。
有没有更好的方法从n个内联TinyMCE实例获取HTML,或者更改TinyMCE显示iframe的方式?
答案 0 :(得分:1)
这是一个TinyMCE小提琴,显示TinyMCE在内容中以iFrame内联运行。当我使用getContent()
提取内容时,它只会显示为iFrame。
http://fiddle.tinymce.com/rkgaab
根据经验,我不会使用jQuery来尝试获取原始HTML,因为TinyMCE会执行各种操作以适应内联编辑的工作原理。此处记录了getContent()
API:
https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#getcontent