javascript - Quill 格式化所有文本

标签 javascript html contenteditable quill

我正在使用 Quill 编辑器,代码如下:

var quill = new Quill('#editor-container', {
  placeholder: 'Compose an epic...',
});

quill.format('header', 'true');

我的目标是让所有文本成为标题 (h1)。但是,当您返回时,它会返回到一个段落。

最佳答案

您的代码是正确的。但是,您使用了错误的编辑器快捷方式。在 Quill 和其他 WYSIWYG 文本编辑器中,按下返回键(又名 Enter)总是关闭 block 级元素。因此,在您的编辑器中,您正在经历这样的事情:

<h1>I am pressing enter! H1 will close and the next line will be a new paragraph.</h1>
<p>This is my next line</p>

为了在同一 block 级元素中插入换行符并继续,您必须使用 Shift + Enter 快捷键而不是 Enter。因此,您的编辑器会看到类似这样的内容:

<h1> I am pressing shift + enter! The next line will be part of the same block element<br>
This is my next line</h1>

关于javascript - Quill 格式化所有文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42400171/

相关文章:

javascript - 更改内容可编辑的 div 文本时如何保留插入符位置?

javascript - 在内容可编辑的表格中使用箭头键移动

javascript - vue 路由器滚动行为给出了路由值的提示

JavaScript:为什么有些函数不是方法?

html - 我无法让任何元素在打印预览中显示颜色

jquery - 随机页面不会加载任何 css 文件然后自动修复?

javascript - 小型企业网站应使用哪种服务器端技术?

javascript - URL 斜杠已删除

javascript - 选择变量字符串值

javascript - IE JS : how to use pasteHTML() when selection. 类型 == 'None' ?