Category : wysiwyg

Description Slatejs editor only in Firefox fails with text selection and caret positioning (by mouse). It always selects position before first character (path[0] offset[0]). You can still use the keyboard to select text and position caret. Recording How it doesn’t work in Firefox: https://i.imgur.com/Yem4FEz.gif How it works in Chrome: https://i.imgur.com/UdH1xM7.gif Expectation It should select text ..

Read more

When you create a table in Jodit Editor, the table doesn’t have any styling. We have the option to select border color for cells. If i select all the cells and assign a color, we can see the color in editor. Table cells with black borders But it doesn’t reflect in preview. Transparent borders in ..

Read more

I’m trying to embed Jodit WYSIWYG HTML editor in my Laravel App using Livewire, but can’t get it to work. (https://xdsoft.net/jodit/) My code is below.. Any help would be appreciated ! <div wire:ignore x-data="{ }" x-init=" editor = new Jodit(‘#editor’); editor.value = @entangle($attributes->wire(‘model’)); " class="w-full h-full"> <textarea id="editor" name="editor" ></textarea> </div> Source: Ask Javascript..

Read more

I am using summer note 0.8.18 version in my Python flask app. Have included these below libraries <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-lite.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-lite.min.js"></script> And calling summer note method as below <script> $(‘#summernote’).summernote({ placeholder: ‘About Us’, tabsize: 2, height: 120, callbacks: { onImageUpload: function(image) { uploadImage(image[0]); } }, toolbar: [ [‘style’, [‘style’]], [‘font’, ..

Read more