JavaScript string.replace: inserting text как HTML

Question

Я пытаюсь добавить все точки с запятой в строку с символом HTML  , который является неразрывным тонким пространством.

Чтобы сделать это, я написал эту строку:

str = str.replace(/;/g, " ;"); 

К сожалению, тонкий пробел записывается непосредственно, а не его HTML представления.

Есть ли флаг, настройка или даже другая функция, которая позволит мне вставить этот символ в HTML?

спасибо.

Редактировать: Возможно, следовало бы упомянуть об этом раньше: Я работаю над базовым конвертером псевдокода в HTML, в котором некоторые символы исходной строки заменяются стандартными эквивалентами HTML.

Полученная строка затем выводится в элемент div, где я могу проверить его, чтобы убедиться, что он выглядит хорошо. Затем я извлекаю источник этого нового текста для размещения на другой веб-странице.

Но когда я смотрю на источник для тонкого пространства, это просто сам символ, а не имя сущности.

(я бы вставить полный исходный код для преобразования, но это более 300 строк.)

Edit 2: Я был под впечатлением, что Ctrl + U в Firefox будет показывать вновь добавленные символы. Виноват; они появляются только при просмотре источника с помощью Firebug (или его эквивалента Webkit) или выборе текста, щелкнув правой кнопкой мыши и просматривая исходный код для выбора (опция, доступная только в FF, похоже).

Чтобы проверить последний подход, я создал два Div элементов и использовал этот JavaScript код:

document.getElementById("div1").innerHTML = ("'&'"); 
document.getElementById("div2").innerHTML = ("' '"); 

Амперсанд отображаются как &, но имя сущности в узком пространстве является не используются. Это может быть просто странным поведением этой специфической функции FF.

Answer 1

Почему у вас есть вторая точка с запятой в вашей замене? Разве это не должно быть просто:

str = str.replace(/;/g, " "); 

На моем клиенте «ул» содержит HTML-объекты, но как только вы подключите его к DOM, то сущности превращаются в нативные символы. Я думаю, это зависит от того, для чего вы его используете. Если вы используете 'str' как innerText элемента, вы увидите объекты, а не пробел. например

(function(s) { var x=document.createElement('div'); x.innerText=s; document.body.appendChild(x); })(str); 

Answer 2

"& # 8239;" является html-сущностью и поэтому не понимается javascript. Я рекомендую использовать метод String.fromCharCode(). Пример будет следующим:

var str = 'test;here';

str = str.replace(/;/g, String.fromCharCode(8239));

alert(str);

Вы можете узнать больше о методе fromCharCode here.

Answer 3

Если вы буквально хотите символов  , амперсанд должен быть закодирован как таковой.

str = str.replace(/;/g, " ;");