TinyMCE编辑器删除空格

Question

我正在使用TnyMCE编辑器的4.1.5版，当我使用以下空白分配HTML内容时

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

它删除了TinyMce编辑器中的空白区域。我们如何在Tiny MCE编辑器中保留空白区域？

此致 维克

Answer 1

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

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

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

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

s.replace(" "," ");

Answer 2

正如罗里已经说过的那样。浏览器会忽略几个空格。 为了解决这个问题，你必须在常规空格之间插入/编码你的空格，并留下不间断的空格。

示例：

"      " // six spaces
"      " // needed encoding