具有嵌套标记的Tinymce元素

时间:2012-07-02 13:19:33

标签: javascript tinymce

我从我们的前端人那里得到了这个代码:

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

跨度是一些视觉元素。

现在,我怎么能让这种&#34;复杂的&#34; (对于最终用户)可通过tinymce,以便用户可以定义正确的标题?我找到了template plugin,但是,看起来有些过于复杂。所以,基本上,如果我能够在用户将某些内容标记为&#34;标题2&#34;时插入类名和span元素,那就太棒了。这可能吗?

1 个答案:

答案 0 :(得分:1)

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

把它放在你的tinymce init中:

setup : function(ed) {

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