formio / formio.js

JavaScript powered Forms with JSON Form Builder
https://formio.github.io/formio.js
MIT License
1.89k stars 1.06k forks source link

CKeditor - How to customize CKeditor Toolbar #4384

Open eganugrah opened 3 years ago

eganugrah commented 3 years ago

I want to add some plugins in CKeditor Toolbar. How do I install the plugin?

olgabann commented 8 months ago

We're currently addressing a backlog of GitHub issues. Closing this thread as it is outdated. Please re-open if it is still relevant. Thank you for your contribution!

glazkovalex commented 2 months ago

So, how do you connect and configure the plugin for CKEditor? For example, how to install a plugin to support saving text in markdown rather than html?

lane-formio commented 2 months ago

We don't currently support the plugin, but are always willing to review any contributions to include this functionality in the renderer.

glazkovalex commented 2 months ago

We don't currently support the plugin, but are always willing to review any contributions to include this functionality in the renderer.

@lane-formio, hello! I understand that you do not support plugins for CKEditor. I don't expect that you would support a lot of plugins for it. I hope that connecting the plugin to the CKEditor editor you use in your wonderful Formio is possible without any special support from Formio. In particular, the "Markdown" plugin is connected like this: :

import { ClassicEditor, Markdown } from 'ckeditor5';
// More imports.
// ...
ClassicEditor
.create( document.querySelector( '#snippet-markdown' ), {
    plugins: [
        Markdown,
        // More plugins ...
    ],
    // More of editor's configuration ...
} )
.then( /* ... */ )
.catch( /* ... */ );

As I see in your Formia for the "TextArea Component" it is possible to set not only the WYSIWYG editor CKEditor, but also specify some "Settings" for it. image These are probably the very Settings in which you need to register {plugins: [ Markdown, .... Please find out from your colleagues if someone has connected any plugin for CKEditor in your Formio. I would like to see at least one example of connecting a plugin to the CKEditor built into Formio.