javascript - 在使用 JavaScript/HTML 操作后保持文本文档的格式

Question

我正在尝试使用 JavaScript 来操作和更改用户通过 HTML 文字处理器 (CKEditor) 输入的文字处理器(例如 Google Docs 或 Word)中的一页文本的字体和字体大小。然而，在调整字体大小后，当在 HTML 文本字段中显示文本时，许多文档格式都会丢失，例如没有缩进、行尾的空格被删除、标题没有居中。

有没有办法使用纯 HTML 正确格式化文本文档？我没有在 CKEditor 或任何其他 HTML 文字处理器中找到允许我在调用时更改字体或字体大小的功能。

下面是处理文本的代码，然后将其粘贴到 HTML 文本区域。

editor = CKEDITOR.instances.editor1;
var edata = editor.getData();
edata = CKEDITOR.instances.editor1.document.getBody().getText();

var sin = replaced_text;
var sout = "";
var i;
for(i = 0 ; i < sin.length; i++)    {
if(sin.charAt(i) == ",")
{        sout += '<span class=ef>' + sin.charAt(i) + '</span>'        }
else if(sin.charAt(i) == ".")        {        sout += '<span class=ef>' + sin.charAt(i) + '</span>'        }
else if(sin.charAt(i) == " " && sin.charAt(i+1) == " ")        {        sout += 'span class = of>' + sin.charAt(i) + sin.charAt(i+1) + '</span>'        }
else if(sin.charAt(i) == " "){          sout += '<span class=of>' + sin.charAt(i) + '</span>'       }
else       {sout+= '<span class=if>' + sin.charAt(i) + '</span>'}
}

var data = editor.dataProcessor.toDataFormat( sout );
document.getElementById("space").innerHTML = data;
editor.setData(data);
editor.updateElement();

Answer 1

对你有帮助markedJS .

MarkedJS 可以解析 markdown 文本，你可以用它来标记你的文本，以保持文本格式