Dynamic change of language

Hello, I am able to change language as mentioned in you guide. My app comunicate with editor with messages. When I sent message with data to change language, ContentEdit.LANGUAGE is changed as intended, but language stays the same. Am I missing something? Can you advice me, how to change language dynamicaly?

Thanks in advance.

[Jakuboslav]

Oh, perfect, it works out of box!

Thanks a lot for your help, you saved my day.

[anthonyjb]

OK so if you need to do this reactively it’s likely you’d need to determine what’s active on the screen currently (toolbox, dialog, etc) and basically use unmount/mount for each (including applying the active widget class to each).

Since most of the time the only relevant UI component is the toolbox (as it’s the only one with translated content that’s mounted from the moment the editor is initialized) the following code works for me in the sandbox demo.

message.listen('set-language', data => {
  ContentEdit.LANGUAGE = 'en'
  const editor = ContentTools.EditorApp.get()

  if (editor.isEditing()) {
    const toolbox = editor.toolbox()

    if (toolbox) {
      toolbox.unmount()
      toolbox.mount()
      toolbox.addCSSClass('ct-widget--active')
    }
  }
})

Hopefully this helps you for now or at least points you in the right direction - let me know if you have further issues.