Hello, I'm encountering an issue where, upon pasting text into the editor, all multiple spaces are reduced to a single space, and I can't use the tab function. Additionally, the bullet list behaves strangely, as it gets converted to a numbered list when inserted into a div. The bullet list is exported as an ol instead of a ul. Previously, I used react-quill v2, where everything worked correctly. What could be causing this problem?
Tab -> single space
Multiple spaces -> single space
bullet list -> ordered list
have text inside a div. After clicking the edit icon, the editor opens, the text is loaded into the editor, and all multiple spaces are replaced by a single space.
in edit mode:
bullet list in edit mode:
bullet list after saving:
I tried using preserveWhitespace={true} and white-space: pre-wrap, but it didn’t help.
piotrziolko
commented
1 week ago
Hello, I'm encountering an issue where, upon pasting text into the editor, all multiple spaces are reduced to a single space, and I can't use the tab function. Additionally, the bullet list behaves strangely, as it gets converted to a numbered list when inserted into a div. The bullet list is exported as an ol instead of a ul. Previously, I used react-quill v2, where everything worked correctly. What could be causing this problem? Tab -> single space Multiple spaces -> single space bullet list -> ordered list
have text inside a
div. After clicking the edit icon, the editor opens, the text is loaded into the editor, and all multiple spaces are replaced by a single space.in edit mode:
bullet list in edit mode:
bullet list after saving:
I tried using preserveWhitespace={true} and white-space: pre-wrap, but it didn’t help.