Content of the editor.
', editorConfig: { // The configuration of the editor. } } } ); ``` Voilà! You should see CKEditor 5 running in your Vue.js app.Content of the editor.
', editorConfig: { // Run the editor with the German UI. language: 'de' } }; } } ``` For more information, please refer to the {@link features/ui-language "Setting UI language"} guide. ### CKEditor 5 built from source Using the editor [built from source](#using-ckeditor-from-source) requires you to modify the webpack configuration. Pass the `language` (also `additionalLanguages`) to the constructor of [`CKEditorWebpackPlugin`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-webpack-plugin) to localize your editor: ```js // vue.config.js // ... const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' ); // ... module.exports = { // ... configureWebpack: { plugins: [ // CKEditor needs its own plugin to be built using webpack. new CKEditorWebpackPlugin( { // The UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format. language: 'de' } ) ] }, // ... } ``` After building the application, CKEditor 5 will run with the UI translated to the specified language. For more information, please refer to the {@link features/ui-language "Setting UI language"} guide. ## Component directives ### `editor` This directive specifies the editor to be used by the component. It must directly reference the editor constructor to be used in the template. ```html