html - 从 Quill 获取字体系列

Question

我正在使用 Quill 构建富文本编辑器。它工作正常，我可以更改所选单词的字体，如此 example .

下一步是导出已编辑文本的原始 HTML。我期待标准 font-family要导出的样式，但我有 Quill 样式。

例如，使用上面的链接，如果我选择单词“hello”并将字体更改为 Mirza :

• 输出的原始 HTML:<span class="ql-font-mirza">Hello </span>
• 预期的原始 HTML:<span style="font-family: mirza;">Hello</span>

Answer 1

Quill guide 中对此进行了解释.

Example :

var FontStyle = Quill.import('attributors/style/font');
Quill.register(FontStyle, true);

var quill = new Quill('#editor-container', {
  modules: {
    toolbar: [
      [{ header: [1, 2, false] }],
      [{'font': []}],
      ['bold', 'italic', 'underline']      
    ]
  },
  placeholder: 'Compose an epic...',
  theme: 'snow'  // or 'bubble'
});