TinyMCE Editor удаляет пробелы

Question

Я использую версию 4.1.5 TnyMCE Editor, и когда я назначаю контент HTML с пробелами, как показано ниже

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

, он удаляет пробел в TinyMce Editor.Как мы можем сохранить пустое пространство в Tiny MCE Editor?

С уважением, Вик

Answer 1

Вот функция, которая может преобразовать вашу строку в HTML-совместимую версию.

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

Строка преобразуется в массив (split), затем создается новый массив (map)со всеми пробелами, преобразованными в  , наконец, присоедините массив обратно к строке (join).

---

Также вы можете использовать метод string replace для преобразования всех пробелов в  

s.replace(" "," ");

Answer 2

Рори уже говорил.Браузеры игнорируют несколько пробелов.Чтобы решить эту проблему, вы должны будете вставить / закодировать ваши пробелы неразрывными пробелами между обычными пробелами.

Пример :

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