OverviewOfficial Website

Ck Editor is a set of ready-to-use rich text editors created with a powerful framework. Made with real-time collaborative editing in mind.

Javascript

<!-- ckeditor -->
<script src="{{ URL::asset('build/libs/@ckeditor/ckeditor5-build-classic/build/ckeditor.js') }}"></script>

Initjs (Custom js)

<!-- init js -->
<script src="{{ URL::asset('build/js/pages/form-editor.init.js') }}"></script>

Add Package

npm i @ckeditor/ckeditor5-build-classic --save

Remove Package

npm unistall @ckeditor/ckeditor5-build-classic or you can remove package by removing specific package from package.json

var ckClassicEditor = document.querySelectorAll(".ckeditor-classic")
    ckClassicEditor.forEach(function () {
        ClassicEditor
    .create( document.querySelector( '.ckeditor-classic' ) )
    .then( function(editor) {
        editor.ui.view.editable.element.style.height = '200px';
    } )
    .catch( function(error) {
        console.error( error );
    } );
});