TinyMCE 编辑器删除空格

Question

我正在使用 TnyMCE 编辑器 4.1.5 版，当我将 HTML 内容分配为白色 space 时，如下所示

<h1>Hello this is text with                    whiteSpace</h1>

它删除了 TinyMce 编辑器中的白色 space。我们如何才能在 Tiny MCE Editor 中保留白色 space？

问候维克

Answer 1

正如罗里所说。浏览器会忽略几个空格。为了解决这个问题，您将不得不 insert/encode 您的空格在常规空格之间使用不间断空格。

示例：

"      " // six spaces
" &nbsp; &nbsp; &nbsp;" // needed encoding

Answer 2

这是一个可以将您的字符串转换为 HTML 兼容版本的函数。

function encodeWhiteSpaces(str) {
   return s.split('').map(function(c) {
    if (c === ' ') 
        return '&nbsp;'
    else
        return c;
   }).join('');
}

将字符串转换为数组（split），然后创建一个新的数组（map），所有空格都转换为 ，最后将数组连接回一个字符串 (join).

也可以使用字符串replace方法将所有空格转换为 

s.replace(" ","&nbsp;");

TinyMCE 编辑器删除空格

TinyMCE Editor removing whitespace

html

javascript

jquery

tinymce