javascript - 带有嵌套标记的 Tinymce 元素

Question

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

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

跨度存在一些视觉元素。

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

Answer 1

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

把它放在你的tinymce init中：

setup : function(ed) {

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