如何从包含css的Quill编辑器中获取html?
目前我使用editor.root.innerHTML
获取html。它工作,但是当我在浏览器中打开html文件时,样式不存在。例如,我将一个段落对齐为中心。结果是带有类ql-align-center
的段落标记但没有类本身的定义,因此它在浏览器中呈现没有居中对齐。
有没有一种方法来生成包含样式的html?
您可以使用内联样式属性而不是类。这个Quill guide解释了如何。
var ColorClass = Quill.import('attributors/class/color');
var SizeStyle = Quill.import('attributors/style/size');
Quill.register(ColorClass, true);
Quill.register(SizeStyle, true);
// Initialize as you would normally
var quill = new Quill('#editor', {
modules: {
toolbar: true
},
theme: 'snow'
});