代码之家 › 专栏 › 技术社区 › alexanoid

Quill JavaScript富文本编辑器限制标记

quill rich-text-editor javascript

alexanoid · 技术社区 · 7 年前

我正在尝试使用quilljavascript富文本编辑器。我需要将其配置为仅使用预定义的标记集:

b, i, pre, a, br + Emoji

现在,我已按以下方式对其进行了配置:

var Block = Quill.import('blots/block');
Block.tagName = 'PRE';
Quill.register(Block, true);

var quill = new Quill('#editor-container', {
  modules: {
    toolbar: true
  },
  theme: 'snow'
});

如你所见,我已经把包装改成 PRE 标签。如何配置Quill来使用所提到的限制标记集?不允许使用其他标签,如果存在,则必须自动删除。

2 回复 | 直到 7 年前

martinstoeckli 7 年前

定义 formats 在构造函数的参数中,可以定义要支持的格式。

var quill = new Quill('#editor-container', {
  formats: ['bold', 'italic', 'code', 'code-block', 'link'],
  ...
});

Ben Browitt 7 年前

Delta 和 formats 你可以设置 formats config选项来限制允许的格式。

Rahul Dudhane 5 年前

以下是所有格式的列表:

 formats = [
    // 'background',
    'bold',
    // 'color',
    // 'font',
    // 'code',
    'italic',
    // 'link',
    // 'size',
    // 'strike',
    // 'script',
    'underline',
    // 'blockquote',
    // 'header',
    // 'indent',
    'list',
    // 'align',
    // 'direction',
    // 'code-block',
    // 'formula'
    // 'image'
    // 'video'
  ];

您可以使用它来阻止某些格式。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

8 月前

Alex · 在轻量级中同时解构和不解构变量

8 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

user3472810 · Angular@Output/EventEmitter返回undefined

9 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

9 月前