首页 > 解决方案 > QuillJS 在粘贴时保留 HTML 字体格式

问题描述

我正在尝试将一些风格化的字体粘贴到 quillJS 编辑器中并保留格式。但是,每当我粘贴它时,格式都会被删除。我可以创建一个剪贴板匹配器并手动设置字体颜色,但我无法保留原始格式。它只是被替换了。

这是我的代码笔: https ://codepen.io/ashinyacorn/pen/wvvRoJp ?editors=0011

这就是我正在使用的:

var Clipboard = Quill.import('modules/clipboard');
var Delta = Quill.import('delta');
var quill = new Quill('#editor');

quill.clipboard.addMatcher('B', function(node, delta) {
  console.log('How BOLD of you');
  return delta.compose(new Delta().retain(delta.length(), { bold: true }));
});

//Keep font formatting (size, color) ? 
quill.clipboard.addMatcher('FONT', function(node, delta) {
  console.log('HOW FONTY');
  return delta;
});

我希望如果您要粘贴具有字体样式的内容,它将被保留。但事实并非如此,除非我覆盖增量并自己手动设置颜色。无论如何要告诉 delta 字体颜色和样式已经是什么?或者告诉剪贴板保持样式的方法?

标签: javascriptquill

解决方案


推荐阅读