Comments (9)
Unfortunately, you can't add plugins to a build. You can read more about installing plugins in this guide: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/installing-plugins.html
from ckeditor5-vue.
Would you suggest me creating a separate package just for building out the editor, then importing the compiled source it into my original project? Would that work?
Yes. That's the easiest choice. And, AFAIR, may be the only option with Laravel where integrating the editor from source was not possible.
from ckeditor5-vue.
Sadly, this makes it impossible to use with Laravel Mix.
from ckeditor5-vue.
Why would it make it impossible? You can create your own build which would work just like any other editor build. If the quick method explained in the guide I sent you is not enough, there's a link to this: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html
from ckeditor5-vue.
Using that results in
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration has an unknown property 'chainWebpack'.`
from ckeditor5-vue.
That's an odd issue because I've never seen this property so it doesn't come from our documentation. I'm afraid you mixed some webpack configurations from many projects.
from ckeditor5-vue.
In your docs there is a property called just that:
chainWebpack: config => {
// Vue CLI would normally use its own loader to load .svg files. The icons used by
// CKEditor should be loaded using raw-loader instead.
config.module
.rule( 'svg' )
.test( /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/ )
.use( 'file-loader' )
.loader( 'raw-loader' );
}
from ckeditor5-vue.
Ouch! My bad. Sorry. We changed that guide recently and I didn't read the new version.
But this is not supposed to be content of the webpack.config.js
but vue.config.js
:
Edit the
vue.config.js
file and use the following configuration.
from ckeditor5-vue.
Oh, I mis read vue
for webpack
. Would you suggest me creating a separate package just for building out the editor, then importing the compiled source it into my original project? Would that work? I am not using Vue CLI, but instead Laravel Mix.
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.