Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Adding plugins to CkEditor Document with Metronic 5


How could I customise CkEditor Document to add additional plugins such as Mention as this can only be done before being built. I've also noticed a "ckeditor-document.bundle.js:6 filerepository-no-upload-adapter" when attempting to set up image uploads which makes me wonder if this also needs to be configured.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


Hi, How can I add a plugin in Laravel?



Hi,

Thanks for choosing Metronic.

You can use Online Builder for a custom build with required plugins and in the gulp or webpack config you can exclude the default build and include your custom build from the local plugins folder: core/html/src/plugins

May I know which build method you are using? Gulp or Webpack ?
For example for the gulp method the CKEditor config you can check in the config node ckeditorclassic in tools/gulp.config.js and modify it as shown below:


ckeditorclassic: {
src: {
scripts: [
"{$config.path.common_src}/plugins/ckeditor5-build-classic/build/ckeditor.js"
]
},
dist: {
scripts: "{$config.dist}/plugins/custom/ckeditor/ckeditor-classic.bundle.js"
}
},


For the webpack method you can refer to this post

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(