TinyMCE在编辑器可视模式下强制使用短代码标签后的新行\

时间:2013-04-14 15:53:37

标签: javascript tinymce

在下面的函数中,我在第1列短代码的末尾添加了一个“\ n”字符串,但它在tinyMCE可视化编辑器中没有任何效果。我期待一个换行符将短代码分隔到他们自己的行(仅编辑,我不是指现场网站上处理过的短代码)

如何在不添加实际的html <br><p>标记的情况下强制执行此操作?

function tinyMCEshortcode() {

    var tagtext;

    var customid = getCheckedValue(document.getElementsByName('customstyle'));

        if (customid != 0 ){
            tagtext = "["+ customid + "]Insert Your Text Here[/" + customid + "]";
        }
        if (customid != 0 && customid == 'two_columns' ){
            tagtext = "["+ customid + "_1]<p>Content 1 Here</p>[/" + customid + "_1]" + "\n";
            tagtext += "["+ customid + "_2]<p>Content 2 Here</p>[/" + customid + "_2]";
        }

    if(window.tinyMCE) {
        window.tinyMCE.execInstanceCommand('content', 'mceInsertContent', false, '<p>'+tagtext+'</p>');

        //Peforms a clean up of the current editor HTML.
        //tinyMCEPopup.editor.execCommand('mceCleanup');
        //Repaints the editor. Sometimes the browser has graphic glitches.
        tinyMCEPopup.editor.execCommand('mceRepaint');
        tinyMCEPopup.close();
    }
    return;
}

1 个答案:

答案 0 :(得分:0)

由于tinyMCE内容是HTML格式,因此不会产生任何视觉效果。 这与您编辑网页页面并插入&#34; \ n&#34;的效果相同。某处。 HTML忽略了这一点,你需要插入<br> - 标签 - 没有别的办法。