[QUESTION] Issue with i18n

Question

Hi,

first of all thank you for this awesome plugin. Sorry for the request, but i spent a few hours to look for the answer on this github page and other documentations but i can't find the good solution to use i18n on this plugin... and translate the editor in french for example...

I see in the src folder the locale directory with its configuration and all the languages available but how can i configure the plugin to force the locale ?

Here is the basic javascript code :

var editor = grapesjs.init({ showOffsets: 1, noticeOnUnload: 0, container: '#gjs', height: '100%', width: 'auto', fromElement: true, showDevices: 0, storageManager: { autoload: 0 }, });

Could you please show me the way ?

Regards

Answers (2)

artf• April 16, 20200 reactions

@Lerdouille it's all explained here https://grapesjs.com/docs/modules/I18n.html

Lerdouille• April 16, 20200 reactions

Code SnippetTEXT

Hi @artf ,

i saw the documentation and the part reguarding i18n but i didn't succed to use it.
In your documentation, you use some import function, basically my code is pretty simpler and without import, like this : 

&#x3C;html&#x3E;
    &#x3C;body&#x3E;
        &#x3C;link rel=&#x22;stylesheet&#x22; href=&#x22;grapesjs/css/grapes.min.css&#x22;&#x3E;
        &#x3C;script src=&#x22;grapesjs/grapes.js&#x22;&#x3E;&#x3C;/script&#x3E;
        &#x3C;div id=&#x22;gjs&#x22;&#x3E;
                &#x3C;h1&#x3E;Hello World Component!&#x3C;/h1&#x3E;
        &#x3C;/div&#x3E;
        &#x3C;script type=&#x22;text/javascript&#x22;&#x3E;
                var editor = grapesjs.init({
                showOffsets: 1,
                noticeOnUnload: 0,
                container: &#x27;#gjs&#x27;,
                height: &#x27;100%&#x27;,
                width: &#x27;auto&#x27;,
                fromElement: true,
                showDevices: 0,
                storageManager: { autoload: 0 },
                });
        &#x3C;/script&#x3E;
        &#x3C;/body&#x3E;
&#x3C;/html&#x3E;

I managed too implement some plugins and configure the design of the editor, but i'm stucked with this i18n issue...

Could you please tell me what i'm doing wrong ?

I precise that i apparently my project is for now composed with only 3 files, the grapesjs.js, grapes.css and my HTML file. When i download your project on github, there are a few folders (and specially on named /src where i can find the locales files), but the plugin does not need them to work, is it normal ?

Regards and thank you again for the support :)

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

Question

Answers (2)

Related Questions and Answers

[QUESTION] How can I mark a class name as protected or private in a component.

[Question] view vs code

[QUESTION] 3rd party RTE integration

[Question] Is it possible to perform dom manipulation through the block's contents script?

Paid Plugins That Match This Issue

Browse Plugin Categories