fanap_filemanager

CKEditor 5 classic editor build

Ckeditor5 custom Classic-build with full list of availble plugins.

Documentation

See:

• Installation for how to install this package and what it contains.
• Basic API for how to create an editor and interact with it.
• Configuration for how to configure the editor.
• Creating custom builds for how to customize the build (configure and rebuild the editor bundle).

Quick start

First, install the build from npm:

npm install --save ckeditor5-build-full-toolbar

And use it in your website:

in your JavaScript application:

import React, { Component } from 'react';
//import the the main core
import { CKEditor } from '@ckeditor/ckeditor5-react';
//import the customized build
import ClassicEditor from 'ckeditor5-build-full-toolbar';
//import required persian font
import '@ckeditor/ckeditor5-build-classic/build/translations/en';

//adding the configuration to the build
const editorConfiguration = {
	// add language
    language: 'en',
	// customize default toolbar
   /* toolbar: [
	
	],
    */
};

class App extends Component {
    render() {
        return (
            <div className="App">
                <h2>ckeditor full version</h2>
                <CKEditor
					config = {editorConfiguration}
                    editor={ ClassicEditor }
                    data="<p>شروع کنید...</p>"
                    onReady={ editor => {
                        // You can store the "editor" and use when it is needed.
                        console.log( 'Editor is ready to use!', editor );
                    } }
                    onChange={ ( event, editor ) => {
                        const data = editor.getData();
                        console.log( { event, editor, data } );
                    } }
                    onBlur={ ( event, editor ) => {
                        console.log( 'Blur.', editor );
                    } }
                    onFocus={ ( event, editor ) => {
                        console.log( 'Focus.', editor );
                    } }
					onError={ ( event, editor ) => {
                        alert("error");
                    } }
                />
            </div>
        );
    }
}

export default App;

Note: This is a customized build of Classic-editor and most of the free plugins are included.

License

Licensed under the terms of GNU General Public License Version 2 or later. For full details about the license, please check the LICENSE.md file or https://ckeditor.com/legal/ckeditor-oss-license.