在TinyMCE内联编辑上禁用编辑模式

时间:2015-08-18 19:16:51

标签: javascript content-management-system tinymce tinymce-4

我有一个独特的问题。我正在为网站开发CMS,我们正在尝试在我们的网站上实施内联编辑。我们想要使用TinyMCE的内联编辑功能,你可以在其中创建一个div,并且div在初始化时成为编辑器。

HTML:

<div class="editable-text">
    <p>My editable text here</p>
</div>

和javascript:

tinymce.init({
        selector: ".editable-text",
        inline: true,
        plugins: ".....",
        toolbar: ".....",
        menubar: false
    });

问题

问题是,我需要能够在用户编辑页面后保存页面内容,但是Tiny在我的编辑区域添加了一堆额外的类和HTML,我做 not 想要保存:

<div spellcheck="false" style="position: relative;" id="mce_5" class="editable-text mce-content-body" contenteditable="true">
     <p>My editable text here</p>
</div>
<input name="mce_5" type="hidden">

我已经找到了关于如何&#34;禁用&#34;的不同解决方案。在保存内容之前很小,但我发现的唯一解决方案是完全删除元素(在我的情况下,div中包含我要保存的所有内容!)。有没有办法去禁止&#34;微小(即删除所有垃圾)而不删除我的内容?

谢谢,

0 个答案:

没有答案