Quill：如何获取包含样式的 html 数据？

Question

如何从包含 css 的 Quill 编辑器中获取 html？

目前我使用editor.root.innerHTML. 它有效，但是当我在浏览器中打开 html 文件时，样式不存在。例如，我将一个段落对齐到中心。结果是一个带有类的段落标记，ql-align-center但没有类本身的定义，因此它在浏览器中没有居中对齐。

有没有一种方法可以生成包含样式的html？

Answer 1

您可以使用内联样式属性而不是类。这个 Quill指南解释了如何。

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'
});