mantix / livewire-jodit-text-editor Goto Github PK

     public array $buttons = [
        "bold",
        "italic",
        "underline",
    ];

    public function mount(array $buttons = []): void {
        $this->joditId = 'jodit-editor-' . Str::uuid()->toString();
        if (!empty($buttons)) {
            $this->buttons = $buttons;
        }
    }

In view:

     <script>
        const buttons = @json($buttons);

        const editor = Jodit.make('#' + @js($joditId), {
            "autofocus": true,
            "toolbarSticky": true,

             "uploader": {
                "insertImageAsBase64URI": true
            },
            "toolbarButtonSize": "large",
            "showCharsCounter": false,
            "showWordsCounter": false,
            "showXPathInStatusbar": false,
            "defaultActionOnPaste": "insert_clear_html",
            "buttons": buttons,
        });
        document.getElementById(@js($joditId)).addEventListener('change', function() {
            @this.set('value', this.value);
        });

        window.addEventListener('update-jodit-content', (event) => {
            editor.value = event.detail[0];
        });
    </script>
@endscript