Comments (4)
I have managed to solve this by doing the following:
make sure you have installed the CKEditor correctly
npm install --save @ckeditor/ckeditor5-vue2 @ckeditor/ckeditor5-build-classic
From you main.js import it as
import CKEditor from '@ckeditor/ckeditor5-vue2';
And use it in vue
Vue.use(CKEditor);
From the vue file where you are going to implement your editor import the ClassEditor
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
Then in data block make a variable for the editor
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
export default { data: () => ({ editor: ClassicEditor,})}
Then bind this editor with the ckeditor tag in your codes
<ckeditor :editor="editor" v-model="model" :config="editorConfig" ></ckeditor>
from ckeditor5-vue.
Your Vue.use()
call is incorrect. There's no editors
property. Nor type
attribute in the <ckeditor>
component. See https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html
from ckeditor5-vue.
@Reinmar
I have got the same error
so this's my code
plugins/ckeditor.js:
import CKEditor from "@ckeditor/ckeditor5-vue";
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import Vue from 'vue';
Vue.use(CKEditor,
{
editors: ClassicEditor,
name: 'ckeditor'
}
);
in template:
<no-ssr>
<ckeditor :v-model="editorData"></ckeditor>
</no-ssr>
Could you help me to resolve this?
from ckeditor5-vue.
I am facing same issue
from ckeditor5-vue.
Related Issues (20)
- ckeditor vue plugins css build error (with any plugin) HOT 4
- strikethrough and underline not listing as toolbar items
- Automated tests and coverage fails on Windows HOT 2
- CKFiner errors: CKEditorError: window.CKFinder is undefined & undefined (reading 'modal') HOT 1
- `emitDebouncedInputEvent` causes performance issue with long and complex content HOT 3
- Performance issues in processing content with multiple paragraphs containing multiple inline widgets HOT 2
- [VUE] Align the release process to the changes in ckeditor5-dev
- Custom build issues (object, instead of function) - Documentation issues? HOT 1
- v-model, events "input" or "update: model-value" do not work in source edit mode HOT 3
- Uncaught ReferenceError: global is not defined HOT 1
- Migrate to CircleCI in ckeditor/ckeditor5-vue
- Add link popup have wrong position in Modal with fixed mask HOT 3
- Uncaught SyntaxError when integrating a build from the online builder when using `npm add file:./ckeditor5` in Vue HOT 7
- Table captions is absent HOT 3
- Add support for multi-root editor
- How to set the height of the editor in Vue3? I set CSS, but none of it worked HOT 8
- vue3+ts+vite use custom build HOT 1
- Allow control of batchType options in model-value watcher
- Investigate warning
- Bug Report: Strikethrough Not Showing on Vue 3 with CKEditor
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ckeditor5-vue.