After the rich text plug-in vue-quill-editor generates content, the font does not take effect on its way

Vue-quill-editor, a rich text plug-in, is referenced in the

project, and then:
normal when editing content
clipboard.png

:

clipboard.png
all left-aligned.

I looked at the characters it generated:

<p class="ql-align-center"><strong style="color: rgb(0, 102, 204);">DDMAPP</strong>

...

is similar to this, followed by a class= "ql-align-center" style class name.
I looked everywhere on the page and did find a style file for this component, but except in a rich text editor, styles cannot be inherited on the page, and these generated dome nodes do not take effect after they are passed to the background to generate a page (there is no style file at all), except for the colors contained in the nodes. Outside of the font size style.

then I want to put this style file directly into the string generated by rich text. Simply failed to submit directly

who has experience with a rich text editor? Help me share how to solve this fucking problem

Mar.31,2022

copy the quill.core.scss style to the page inheritance style


drop the ql-align-center regular when submitting?


add the class name of class= "ql-editor" to the parent element to ensure that the child element style is matched to


I found an article that can use text-align, but I can't understand the configuration of this article: https://cloud.tencent.com/dev...

.
Menu