Экранирование строки, используя JavaScript, прежде чем заселять форму ввода

Question

У меня есть этот код, где я захватить значение атрибута и загрузить его в форму, заголовок строка может выглядеть примерно так:

Добро пожаловать в Америке лучше всего ценят то, что

Но при использовании этой функции побега, строка обрезается на апостроф,

var headline = escape($(this).attr("data-headline")); 

//populate the textbox 
$(e.currentTarget).find('input[name="headline"]').val(headline); 

Я также попытался с помощью решения здесь: HtmlSpecialChars equivalent in Javascript? не повезло.

Как я могу заполнить свой ввод и сохранить кавычки апострофа?

Answer 1

Просто используйте

$(this).find('input[name="headline"]').val(this.dataset.headline); 

Нет необходимости для любого побега.

Однако обратите внимание, что escape не отключает апострофы, он заменяет их %27. Если ваш текущий код не работает с апострофами в заголовке, убедитесь, что разметка, содержащая атрибут data-headline, должным образом экранирована любым инструментом, создающим ее.

Answer 2

var headline = $(this).attr("data-headline").replace(/'/g, '%27'); 
//populate the textbox 
$(e.currentTarget).find('input[name="headline"]').val(unescape(headline)); 

Если совместимость браузера важна, набор данных доступен только IE11 + https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset#Browser_compatibility