如何将对齐按钮添加到 Quill 的工具栏?

2024-03-30

我正在尝试将对齐按钮添加到 Quill 编辑器工具栏。

工具栏文档 https://quilljs.com/docs/modules/toolbar/不是很详细。它展示了如何选择对齐选项,但我想要一组并排的切换按钮。这可能吗?


你可以做align: 'center',类似于header: 3中的示例docs https://quilljs.com/docs/modules/toolbar/#container。这是一个工作示例:https://codepen.io/anon/pen/PKdEgN https://codepen.io/anon/pen/PKdEgN

var quill = new Quill('#editor-container', {
  modules: {
    toolbar: [
      [{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }]
    ]
  },
  placeholder: 'Compose an epic...',
  theme: 'snow'  // or 'bubble'
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将对齐按钮添加到 Quill 的工具栏? 的相关文章

随机推荐

  • jQuery 不会在第一次点击时触发,但在第二次点击时触发

    document ready function talents li on click div function event event stopPropagation event target addClass active talent
  • 两个程序集中具有相同名称的类(故意)

    我正在迁移一个用 C 编写并具有 C 包装器的库 C 包装器 LibWrapper 有一组带有命名空间的类 例如 namespace MyNamespace class MyClass class MyOtherClass 我的新图书馆 L
  • 从 JQuery 元素获取 html DOM 元素

    下面的代码给了我 JQuery 对象 其中包括与之关联的 JQuery 函数 var element element 但是如何从上面的 JQuery 对象中获取 HTML DOM 元素呢 从 jQuery 对象中获取第一项 var elem
  • 如何匹配 Coq 中的特定值?

    我正在尝试实现一个函数 该函数可以简单地计算包中某些 nat 的出现次数 只是列表的同义词 这就是我想做的 但它不起作用 Require Import Coq Lists List Import ListNotations Definiti
  • python:防止丢弃函数返回值

    代码中有一个常见错误 人们会这样写 if id query filter row id id 代替 if id query query filter row id id 该代码看起来 有效 并且很难用手识别它们 在 C 中有 nodisca
  • CSS 上的 base64,iVBORw0K.... 是什么? [复制]

    这个问题在这里已经有答案了 我是一个非常新的学习者 我正在学习 php mysql 和 css 我正在阅读许多源代码来了解真正的程序员是如何工作的 在一个网站上 我看到一个源代码 其中有人在 css 上写了以下行 background ur
  • 使用条形码阅读器防止在 Chrome 中打开下载窗口

    我的网站 MVC3 C 和条形码阅读器有这个问题 在我的表格中 我有这样的内容
  • Typescript 类型和 .bind

    我开始深入研究泛型并拥有一个如下所示的通用事件类 export interface Listener lt T gt event T any export class EventTyped lt T gt Array of listener
  • CommonJS 规范中概述的 Define() 协议给我带来了什么?

    我明白事情是怎样的正确的名称间距 https stackoverflow com questions 881515 javascript namespace declaration和模块模式 http www adequatelygood
  • 如何在 JQuery $.each 函数中编辑全局变量?

    好吧 所以这个标题可能不能很好地解释我的问题 希望这是有道理的 这也是我第一个使用 jQuery 的应用程序 所以如果我做了一些愚蠢的事情 请原谅我 我有以下功能 function getRandomImages limit imagesA
  • SQL Server 2005 中“创建用户”所需的权限?

    我正在尝试从我的应用程序中创建 SQL Server 登录名和数据库用户 以及自定义应用程序用户行 我希望这些用户能够创建其他用户 即应用程序将控制谁可以 不能创建用户 但我需要所有用户都具有创建 SQL Server 登录名和数据库用户的
  • 使用 sudo:false 在 Travis-ci 上安装软件包 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 如何使用 travis yml 中的 sudo false 在 Travis ci 上安装软件包 我有我的 travis yml sudo
  • 使用 CoreBluetooth CBL2CAPChannel 移动数据

    我已经设置了一些数据传输功能 使用CoreBluetooth CBL2CAPChannel in a Swift iOS应用程序 这是发送数据的函数 func sendData outStream OutputStream gt Bool
  • Pyspark DF:如何添加文字空字典“{}”列

    我有 json 文件 其中每一行都是一个 json 对象 其中包含多个字符串和一个字典 str a blah str b blah dict obj 字典对象通常是 dict obj 偶尔包含值 并且很少会从所有 json 行中丢失 例如
  • ng-reflect-model 显示正确的值但未反映在输入中

    遇到一个非常奇怪的问题 我的应用程序在非常特定的用户案例中行为不当 我有一个门户 用户可以在其中添加问题和答案 然后进行编辑 在这种情况下 当我删除一个集合 q a 然后尝试添加它时 模型正在更新 但我的视图从占位符中获取值并自行更新 这里
  • 使用 opencv 调整视频大小并保存

    我正在尝试使用 opencv 重新调整视频大小 然后将其保存回我的系统 代码有效并且不会给出任何错误 但输出视频文件已损坏 我使用的 fourcc 是 mp4v 与 mp4 配合良好 但输出视频仍然损坏 需要帮忙 import numpy
  • 我可以阻止 Blazor 中的导航吗?

    在 Blazor 服务器端应用程序中 是否涉及一些执行实际导航的 javascript 例如当用户点击链接时 我的意思是像window history pushState 理论上是否可以覆盖该 javascript 以防止在某些情况下 当页
  • 当文本发生变化并满足一定条件时更改文本框的前景色

    当文本框中的文本发生变化并满足特定条件时 我需要设置文本颜色 我可以从代码后面实现这个文本框 文本已更改事件和设置笔刷颜色到所需的颜色 但我无法使用 xaml wpf 方法来实现这一点 我是 wpf 新手 我不确定当文本框中的文本更改时如何
  • 如何在 ASP.NET MVC 5 中实现自定义身份验证

    我正在开发 ASP NET MVC 5 应用程序 我有一个现有的数据库 我从中创建了 ADO NET 实体数据模型 我在该数据库中有一个表 其中包含 用户名 和 密码 列 我想使用它们在我的 Web 应用程序中实现身份验证和授权 由于客户的
  • 如何将对齐按钮添加到 Quill 的工具栏?

    我正在尝试将对齐按钮添加到 Quill 编辑器工具栏 工具栏文档 https quilljs com docs modules toolbar 不是很详细 它展示了如何选择对齐选项 但我想要一组并排的切换按钮 这可能吗 你可以做align