[Vuejs]-Vue CKEditor External Links

by

0👍

Make sure to update to the latest version of ckeditor/ckeditor5-vue. As this will have the fixes for your issue. For installation instructions visit https://www.npmjs.com/package/@ckeditor/ckeditor5-vue/v/1.0.1

Here is a simplified codepen to show this functionality working with version 1.0.1 https://www.npmjs.com/package/@ckeditor/ckeditor5-vue

https://codepen.io/twickstrom/pen/rNOGZYb

Visit the pen, highlight a word, add a link and view the source, voila! The _target attribute has been appended.

Here is the BASIC code.

Main JS

Vue.use(CKEditor);

Component

<ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>

data: {
  editor: ClassicEditor,
  editorData: '<h1>Title</h1><p>Content of the editor.</p>',
  editorConfig: {
    link: {
      addTargetToExternalLinks: true
    }
  }
}

If after verifying the version you are still having problems I would strip out everything but the basics and start reading complexity until you find the culprit.

Leave a comment