resources/views/components/ckeditor/editor.blade.php
<script src="https://cdn.ckeditor.com/ckeditor5/30.0.0/classic/ckeditor.js"></script>
<div class="mb-3">
<label for="editor" class="form-label">Write Note:</label>
<textarea name="{{$name}}" class="form-control" id="editor" rows="10" placeholder="Write here..."></textarea>
</div>
<script>
function DisallowNestingTables( editor ) {
editor.model.schema.addChildCheck( ( context, childDefinition ) => {
if ( childDefinition.name == 'table' && Array.from( context.getNames() ).includes( 'table' ) ) {
return false;
}
} );
}
ClassicEditor.create( document.querySelector( '#editor' ), {
extraPlugins: [ DisallowNestingTables ],
toolbar: [ 'heading', 'bold', 'italic', '|', 'link', 'insertTable', 'numberedList', 'bulletedList', '|', 'undo', 'redo' ],
table: {
toolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]
}
}).catch( error => {
console.error( error );
} );
</script>