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

时间:2017-07-22 04:14:48

标签: javascript html css fonts ckeditor

我正在尝试使用JavaScript来处理和更改用户输入的文字处理器(例如Google Docs或Word)的文本页面中的字体和字体大小,以及HTML文字处理器(CKEditor)。但是,在操作字体大小之后,当将文本显示到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();

1 个答案:

答案 0 :(得分:0)

它对您有用markedJS

MarkedJS可以解析降价文本,您可以使用它来标记您的文本,以便保持文本格式化