带有嵌套标记的 Tinymce 元素答案

【问题标题】：Tinymce elements with nested markup带有嵌套标记的 Tinymce 元素
【发布时间】：2012-07-02 13:19:32
【问题描述】：

我从我们的前端人员那里得到了标题代码：

<h2 class="headline"><span>Foobar</span></h2>

span 用于一些视觉元素。

现在，我怎样才能使这种“复杂”（对于最终用户）在 tinymce 上可用，以便用户可以定义正确的标题？我找到了template plugin，但是，这看起来有点过于复杂了。因此，基本上，如果我可以让 tinymce 在用户将某些内容标记为“标题 2”时插入类名和 span 元素，那就太好了。这可能吗？

【问题讨论】：

标签： javascript tinymce

【解决方案1】：

是的，这是可能的。但是，如果您正在寻找一个简单的解决方案......我不知道简单的解决方案是否足够。这里是：

把它放在你的 tinymce 初始化中：

setup : function(ed) {

    ed.onNodeChange.add(function(ed, evt) {
        $(ed.getBody()).find('p').addClass('headline');
    });
},

【讨论】：