Why are some of the specified buttons missing from the CKEditor 5 toolbar?

Volk Volk 551 Reputation points
2024-05-08T16:32:18.0733333+00:00

Hi!

I have an implementation of DecoupledEditor CKEditor 5 in my project:

<script src="https://cdn.ckeditor.com/ckeditor5/38.1.1/decoupled-document/ckeditor.js"></script>

DecoupledEditor
                .create( document.querySelector( '#editor' ), {
                    extraPlugins: [ MyCustomUploadAdapterPlugin ],
                    toolbar: {
                        items: [
                            'undo', 'redo',
                            '|', 'fontfamily', 'fontsize', 'fontColor', 'fontBackgroundColor',
                            '|', 'bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript', 'code',
                            '|', 'alignment', 'specialCharacters',
                            'link', 'uploadImage', 'blockQuote', 'codeBlock', 'mediaEmbed', 'insertTable',
                            '|', 'bulletedList', 'numberedList', 'todoList', 'outdent', 'indent'
                        ]
                    }
                } )
                .then( editor => {
                    const toolbarContainer = document.querySelector( '#editor-toolbar-container' );
                    toolbarContainer.appendChild( editor.ui.view.toolbar.element );

But not all buttons are displayed in the toolbar.

There is no code, specialCharacters, codeBlock and so on.

ToolBar_

It's the same if I use the ClassicEditor.

Why are these buttons missing and how do I install them?

Thanks!

Microsoft 365 and Office Development Office JavaScript API
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Volk Volk 551 Reputation points
    2024-05-18T12:11:32.22+00:00

    Everything was solved with CKEditor technical support. The quesiton is closed.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.