移除TinyMCE中的/n/r

Question

我有一个场景需要读取html页面的源代码并将其保存为字符串。我需要在tinyMCE中检索此页面源代码。当我将tinyMCE的setcontent设置为此字符串时，会得到\r\n。我希望它们以换行符的形式出现而不是字符串。我尝试用
替换字符串，但效果不佳。请问是否有人能够帮助解决？

tinyMCE.init({
    // General options
    mode: "specific_textareas",
    theme: "advanced",
    width: "100%",
    plugins: "pagebreak,paste,fullscreen,visualchars",
    entity_encoding: "raw",
    remove_linebreaks: false,
    init_instance_callback: "customTinyMceInit",
    // Theme options
    theme_advanced_buttons1: "code,|,bold,italic,underline,|,sub,sup,|,charmap,|,fullscreen,|,bullist,numlist,|,pasteword",
    theme_advanced_buttons2: "",
    theme_advanced_buttons3: "",
    theme_advanced_buttons4: "",
    theme_advanced_toolbar_location: "top",
    theme_advanced_toolbar_align: "left",
    theme_advanced_statusbar_location: "bottom",
    valid_elements: "i,sub,sup",
    invalid_elements: "p, script",
    editor_deselector: "mceOthers"

});

function customTinyMceInit(inst) {
    if (window.opener != null && !window.opener.closed) {
        var parent = $(window.opener.document).contents();
        var Id = queryString["Id"];
        var Result = [];


        $.ajax({
            type: "POST",
            url: "/Modules/Management/OnlineTemplateCreation.aspx/GetTemplateByContentId",
            data: "{'Id':"+Id+"}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                Result.push(data.d);
                alert(Result[0]);
                tinyMCE.getInstanceById("RichTextBox").setContent(Result[0]);
            }



        });

- Khurram Zulfiqar Ali

Answer 1

在初始化中应用源格式。

tinyMCE.init({
        ...
        apply_source_formatting : true
});

- taimoor.janjua

Answer 2

尝试将响应数据中的 '\r \n' 字符替换为 '< br >'。

function replaceLineBreaks(data) {
     var replacedData = data.replace("\r \n", "<br>");
     return replacedData;
}

那么请尝试这个：

tinyMCE.getInstanceById("RichTextBox").setContent(replaceLineBreaks(Result[0]));

希望这能帮到你。

- Wahaj Ahmed Ansari

Answer 3

这适用于tinymce@4.3.13。

    tinyMCE.init({
    forced_root_block: false,
    });

来源: https://www.tinymce.com/docs/configure/content-filtering/#forced_root_block

这是关于Tinymce编辑器中“强制根块”设置的说明文档。此设置将在编辑器的内容中添加一个根级块，以确保行为一致性和更好的段落结构。

- chifangjang