Replace HTML tags tokens from translation about jquery-i18next HOT 9 OPEN

There's no plan for that. Feel free to contribute with a PR if you like to.

from jquery-i18next.

https://github.com/i18next/jquery-i18next#set-innerhtml-attributes does already what you ask for

from jquery-i18next.

@jamuhl Thanks for answer.
What do you think about adding additional information to docs with examples how to use it?

from jquery-i18next.

feel free to provide a PR improving the docs...(technically it's nothing else then setting innerHtml on an html element)

from jquery-i18next.

@jamuhl Yes, sure. Wanted to ask one more thing. Maybe I am doing something wrong, but as an output I got this html code

<p data-i18n="[html]userMessagesUnread">
Hello &lt;1&gt;Name<!--1-->, you have {{count}} unread message.
</p>

Which looks like in the browser:

Could you please advise me? Thanks!

from jquery-i18next.

Here you have an example:

from jquery-i18next.

@adrai Thanks for providing link.
Unfortunately, in this example we use concrete tag <strong> directly in translation
What I wanted to achieve in to put in translation <1> tag as a placeholder and later define it in html code as I mentioned in the first post. Same as <Trans> component does from react library

"userMessagesUnread": "Hello <1>{{name}}</1>, you have {{count}} unread message."

<p data-i18n="userMessagesUnread">
  Hello <strong>{{name}}</strong>, you have {{count}} unread message
</p>

from jquery-i18next.

No, there is no Trans component for jquery-i18next

from jquery-i18next.

@adrai Exactly, that's why this issue is the feature proposal :)

from jquery-i18next.