Installing plugins to CKEditor 5 in Laravel 5 with webpack
I have got a small issue with installing plugins to CKEditor integrated to Laravel 5.6.
According to integration guide from CKEditor document, I was able to add @ckeditor/ckeditor5-build-classic dependency using npm to the project and it was working just fine with webpack.
But the problem is that I can't add custom plugin which is not included to the CKEditor by default. I'm following the guide to add custom plugin but it's not really working fine with webpack in laravel itself. For example, I tried to add @ckeditor/ckeditor5-alignment, but didn't work and I got the following console error.
TypeError: Cannot read property 'getAttribute' of null
I guess this could be something that I have not added all necessary plugins when setup ClassicEditor instance. So I tried another thing.
I have installed the plugin to ckeditor build and I got the custom build. But when I'm trying to import the build in the custom path with the following statement, it's not importing.
import ClassicEditor from '../plugins/vendor/ckeditor/build/ckeditor';
If I just remove build directory from node_modules and copy this custom build, I am able to make it work with the following statement.
import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';
This is not a professional way to edit/update in node_modules.
So my question is:
How can I install custom plugin to CKEditor on Laravel itself?
Or how can I add the custom CKEditor build to the project without customizing node_modules?
javascript laravel webpack ckeditor
asked Nov 15 '18 at 19:22
KennyKenny
19612
add a comment |
I have got a small issue with installing plugins to CKEditor integrated to Laravel 5.6.
According to integration guide from CKEditor document, I was able to add @ckeditor/ckeditor5-build-classic dependency using npm to the project and it was working just fine with webpack.
But the problem is that I can't add custom plugin which is not included to the CKEditor by default. I'm following the guide to add custom plugin but it's not really working fine with webpack in laravel itself. For example, I tried to add @ckeditor/ckeditor5-alignment, but didn't work and I got the following console error.
TypeError: Cannot read property 'getAttribute' of null
I guess this could be something that I have not added all necessary plugins when setup ClassicEditor instance. So I tried another thing.
I have installed the plugin to ckeditor build and I got the custom build. But when I'm trying to import the build in the custom path with the following statement, it's not importing.
import ClassicEditor from '../plugins/vendor/ckeditor/build/ckeditor';
If I just remove build directory from node_modules and copy this custom build, I am able to make it work with the following statement.
import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';
This is not a professional way to edit/update in node_modules.
So my question is:
How can I install custom plugin to CKEditor on Laravel itself?
Or how can I add the custom CKEditor build to the project without customizing node_modules?
javascript laravel webpack ckeditor
asked Nov 15 '18 at 19:22
KennyKenny
19612
I run the same issue. I followed the guide "Installing plugin to editor", importing is good, my IDE recognize the plugin and the compiling runs smoothly but then in my browser's console I see : modules[moduleId] is undefined
– Rachid S
Mar 5 at 19:57
add a comment |
I have got a small issue with installing plugins to CKEditor integrated to Laravel 5.6.
According to integration guide from CKEditor document, I was able to add @ckeditor/ckeditor5-build-classic dependency using npm to the project and it was working just fine with webpack.
But the problem is that I can't add custom plugin which is not included to the CKEditor by default. I'm following the guide to add custom plugin but it's not really working fine with webpack in laravel itself. For example, I tried to add @ckeditor/ckeditor5-alignment, but didn't work and I got the following console error.
TypeError: Cannot read property 'getAttribute' of null
I guess this could be something that I have not added all necessary plugins when setup ClassicEditor instance. So I tried another thing.
I have installed the plugin to ckeditor build and I got the custom build. But when I'm trying to import the build in the custom path with the following statement, it's not importing.
import ClassicEditor from '../plugins/vendor/ckeditor/build/ckeditor';
If I just remove build directory from node_modules and copy this custom build, I am able to make it work with the following statement.
import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';
This is not a professional way to edit/update in node_modules.
So my question is:
How can I install custom plugin to CKEditor on Laravel itself?
Or how can I add the custom CKEditor build to the project without customizing node_modules?
javascript laravel webpack ckeditor
asked Nov 15 '18 at 19:22
KennyKenny
19612
I have got a small issue with installing plugins to CKEditor integrated to Laravel 5.6.
According to integration guide from CKEditor document, I was able to add @ckeditor/ckeditor5-build-classic dependency using npm to the project and it was working just fine with webpack.
But the problem is that I can't add custom plugin which is not included to the CKEditor by default. I'm following the guide to add custom plugin but it's not really working fine with webpack in laravel itself. For example, I tried to add @ckeditor/ckeditor5-alignment, but didn't work and I got the following console error.
TypeError: Cannot read property 'getAttribute' of null
I guess this could be something that I have not added all necessary plugins when setup ClassicEditor instance. So I tried another thing.
I have installed the plugin to ckeditor build and I got the custom build. But when I'm trying to import the build in the custom path with the following statement, it's not importing.
import ClassicEditor from '../plugins/vendor/ckeditor/build/ckeditor';
If I just remove build directory from node_modules and copy this custom build, I am able to make it work with the following statement.
import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';
This is not a professional way to edit/update in node_modules.
So my question is:
How can I install custom plugin to CKEditor on Laravel itself?
Or how can I add the custom CKEditor build to the project without customizing node_modules?
javascript laravel webpack ckeditor
javascript laravel webpack ckeditor
asked Nov 15 '18 at 19:22
KennyKenny
19612
asked Nov 15 '18 at 19:22
KennyKenny
19612
asked Nov 15 '18 at 19:22
KennyKenny
19612
asked Nov 15 '18 at 19:22
KennyKenny
19612
asked Nov 15 '18 at 19:22
KennyKenny
19612
19612
I run the same issue. I followed the guide "Installing plugin to editor", importing is good, my IDE recognize the plugin and the compiling runs smoothly but then in my browser's console I see : modules[moduleId] is undefined
– Rachid S
Mar 5 at 19:57
add a comment |
I run the same issue. I followed the guide "Installing plugin to editor", importing is good, my IDE recognize the plugin and the compiling runs smoothly but then in my browser's console I see : modules[moduleId] is undefined
– Rachid S
Mar 5 at 19:57
I run the same issue. I followed the guide "Installing plugin to editor", importing is good, my IDE recognize the plugin and the compiling runs smoothly but then in my browser's console I see : modules[moduleId] is undefined
– Rachid S
Mar 5 at 19:57
I run the same issue. I followed the guide "Installing plugin to editor", importing is good, my IDE recognize the plugin and the compiling runs smoothly but then in my browser's console I see : modules[moduleId] is undefined
– Rachid S
Mar 5 at 19:57
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53326577%2finstalling-plugins-to-ckeditor-5-in-laravel-5-with-webpack%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53326577%2finstalling-plugins-to-ckeditor-5-in-laravel-5-with-webpack%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I run the same issue. I followed the guide "Installing plugin to editor", importing is good, my IDE recognize the plugin and the compiling runs smoothly but then in my browser's console I see : modules[moduleId] is undefined
– Rachid S
Mar 5 at 19:57