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

Question

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

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

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

Answer 1

您可以使用内联样式属性而不是类。
此羽毛笔 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'
});