羽毛笔：如何获取包含样式的 html 数据？

Question

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

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

是否有生成包含样式的 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'
});

羽毛笔：如何获取包含样式的 html 数据？

Quill: how to get html data with the styling included?

quill