后端编辑器components/Editor/index.vue增加以下样式:
.ql-indent-1 {
padding-left: 0px !important;
text-indent: 1em !important;
}
.ql-indent-2 {
padding-left: 0px !important;
text-indent: 2em !important;
}
.ql-indent-3 {
padding-left: 0px !important;
text-indent: 3em !important;
}
.ql-indent-4 {
padding-left: 0px !important;
text-indent: 4em !important;
}
.ql-indent-5 {
padding-left: 0px !important;
text-indent: 5em !important;
}
.ql-indent-6 {
padding-left: 0px !important;
text-indent: 6em !important;
}
.ql-indent-7 {
padding-left: 0px !important;
text-indent: 7em !important;
}
.ql-indent-8 {
padding-left: 0px !important;
text-indent: 8em !important;
}
在小程序端App.vue增加:
.ql-indent-1 {
padding-left: 0px !important;
text-indent: 1em !important;
}
.ql-indent-2 {
padding-left: 0px !important;
text-indent: 2em !important;
}
.ql-indent-3 {
padding-left: 0px !important;
text-indent: 3em !important;
}
.ql-indent-4 {
padding-left: 0px !important;
text-indent: 4em !important;
}
.ql-indent-5 {
padding-left: 0px !important;
text-indent: 5em !important;
}
.ql-indent-6 {
padding-left: 0px !important;
text-indent: 6em !important;
}
.ql-indent-7 {
padding-left: 0px !important;
text-indent: 7em !important;
}
.ql-indent-8 {
padding-left: 0px !important;
text-indent: 8em !important;
}
追加一点知识点:如果其他样式没生效需要先安装:npm i quill