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

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

1 个答案: