Jquery TinyMce:自定义新行

Jquery TinyMce:自定义新行,jquery,angularjs,tinymce,Jquery,Angularjs,Tinymce,有没有办法把一个span放在p标签(微型mce的根元素)内? 我的意思是每一条新线路都应该 <p><span></span></p> 有什么办法可以做到这一点吗 我的解决办法是 我测试了强制根块:'p,span',但它不起作用 在每次按键时,我都试图用替换,用替换,但这并没有反映在编辑器中,我确信替换逻辑工作得很好,因为我在控制台中打印,显示了预期的输出({my input}}) 这能实现你想要的吗 tinymce.init({ se

有没有办法把一个span放在p标签(微型mce的根元素)内? 我的意思是每一条新线路都应该

<p><span></span></p>

有什么办法可以做到这一点吗

我的解决办法是

  • 我测试了
    强制根块:'p,span'
    ,但它不起作用
  • 在每次按键时,我都试图用替换
    ,用
    替换,但这并没有反映在编辑器中,我确信替换逻辑工作得很好,因为我在控制台中打印,显示了预期的输出(
    {my input}}


  • 这能实现你想要的吗

    tinymce.init({
        selector: 'textarea',
        forced_root_block: 'span',
        force_p_newlines: true
    });
    

    是的,在
    tinymce.init({})中使用此指令

    设置:函数(编辑器){
    编辑器.on('PostProcess',函数(ed){
    ed.content=ed.content.replace(/()/gi,).replace(/()/gi,);
    });
    }
    
    这将自动用

    替换所有
    标记

    看:我正在使用后处理事件


    只要有一点想象力,你就可以定制更多的活动。在这里您可以看到一个完整的工作示例:

    对于Chrome兼容浏览器TinyMCE替换新行
    块。 此标记的线宽为零。 使用替换标签的选项

        tinymce.init({
            selector: 'textarea',
    ...
            setup: function(editor) {
                editor.on('PostProcess', function(ed) {
                    ed.content = ed.content.replace(/(<div><\/div>)/gi,'<p><\/p>');
                });
            },
    ...
        )}
    
    tinymce.init({
    选择器:'textarea',
    ...
    设置:函数(编辑器){
    编辑器.on('PostProcess',函数(ed){
    ed.content=ed.content.replace(/()/gi,);
    });
    },
    ...
    )}
    
    这可能会有所帮助。对不起,我在“P”中添加了“div”标记作为示例,我希望在“P”标记中添加一个html元素,可以是span或h1等任何东西。现在我编辑了这个问题。
        tinymce.init({
            selector: 'textarea',
    ...
            setup: function(editor) {
                editor.on('PostProcess', function(ed) {
                    ed.content = ed.content.replace(/(<div><\/div>)/gi,'<p><\/p>');
                });
            },
    ...
        )}