如何将TinyMCE永久包装器添加到内容区域

Question

我想为<div class="well">tinymce内容体添加一个包装器.但我不希望它与内容一起保存.所以它只会改进WYSIWYG,因为内容将在<div class="well"></div>发布时显示.使用tinymce时,此包装器应该是不可删除的.有什么想法吗？

更新:以下 是示例:http: //unsalkorkmaz.com/twitter-embeds-in-wrong-language/

检查其评论表.基本上我将身体的背景移动到html并且对身体做了"好"的课程.它是一个快速修复,我不喜欢很多tbh.必须有一些方法在编辑器主体中添加永久根块.

Answer 1

您需要使用提供的save_callback挂钩 TinyMCE 的保存过程。

这将允许您指定一个在 TinyMCE 完成保存之前调用的函数，从而允许您注入内容。

一个简单的例子，使用 jQuery 来处理 div 插入：

function add_custom_div(element_id, html, body) {
        var dom = $(html);
        if ($('div.well').length < 1)
        {
            dom.wrap("<div class='wrap' /><div class='well'");
            html = dom.html();
        }
        return html;
}

tinyMCE.init({
        ...
        save_callback : "add_custom_div"
});

如果您需要确保 div 始终存在于 TinyMCE 内部，并且用户无法删除它，您将需要使用noneditable_regexp选项。

通过此属性，您可以提供一个正则表达式，当 TinyMCE 匹配时，该正则表达式将拒绝用户更改它的任何尝试。