[Question] What is the best practice in translating a sentence containing a link?

[NevenLiang]

Question

For example, I have to translate a sentence with a link "Click here to learn more".

// HTML
Click <a href='abc.com'>here</> to learn more
  1                      2           3

If I separete the texts in HTML into three parts. They are "Click", "here", and "to learn more". Usually it works if the translation result keeps the correct meaning with the order in English. However, the translation in Japanese has a different order. If we keep the order in English, it is wrong in other languages.

The result from Google Translate is

詳細については、ここをクリックしてください 

詳細 = more infomation
ここ = here

Our goal is displaying "here" as a link and make sure the translations in other languages have a correct meaning. Do we have a better way to handle this?

[shaharkazaz]

@NevenLiang you can pass the translated string into an innerHTML binding.

[NevenLiang]

@shaharkazaz Yeah, it could be an approach.

I am thinking if we can handle it more elegantly with transloco features.
https://stackoverflow.com/questions/2543936/rails-i18n-translating-text-with-links-inside

[shaharkazaz]

Currently we don't have any special syntax or something

[NevenLiang]

Got it. Thanks!