CODEWITHSUNDEEP
reactjsreact-quill
Louis Coulet
Louis Coulet

Reputation: 4631

How to prevent react-quill to insert a new line before list when re-loading content?

Using react-quill, I write a list within text, store the content into external storage, reload the content into quill: a new <br> is inserted before the list, and it happens on each reload.
Any idea what is happening, and how to prevent it?

I prepared a minimal sandbox to show the issue: https://codesandbox.io/s/reverent-cookies-m5h3x
The steps to reproduce:

Upvotes: 9

Views: 7639

Answers (2)

gsumk
gsumk

Reputation: 891

https://github.com/quilljs/quill/issues/2905#issuecomment-683128521 solution works very well. If you are using react component, this can be an alternative.

<ReactQuill
  theme="snow"
  value={block.note}
  onChange={(value) => onEditorStateChange(value, block)}
  modules={{
    clipboard: {
      matchVisual: false
    }
  }}
/>

Upvotes: 3

anniex
anniex

Reputation: 356

Found this answer by mhdhamouday in Quill GitHub Issues. This works for me.

var quill = new Quill('.quill', {
    theme: 'snow',
    modules: {
        toolbar : [...]
        clipboard: {
            matchVisual: false
        }
    }
});

Upvotes: 12

Related Questions