Я использую i18next для включения i18n для своего веб-журнала. Он отлично работает с текстовым контентом, но когда я пытаюсь перевести контент, включающий разметку HTML, он отображает сырую разметку при переводе текста.
В качестве примера, здесь приведен фрагмент разметки из сообщения, которое не работает должным образом:
<div class="i18n" data-i18n="content.body">
In Medellín they have many different types of <i>jugos naturales</i> (fruit juice) ... <br />
<br />
...
</div>
Код перевода выглядит следующим образом:
var resources = {
"en": ...,
"es": {
"translation": {
"content": {
"body": "En Medellín hay varios tipos diferentes de <i>jugos naturales</i> ... <br /><br /> ... "
}
}
}
}
i18n.init({"resStore": resources}, function( t ) {
$('.i18n').i18n();
});
Когда перевод выполняется, теги HTML экранируются и выводятся как текст:
En Medellín hay varios tipos diferentes de <i>jugos naturales</i>...<br /><br />
Как мне получить i18next для изменения HTML переведенных элементов?