当用户将文本粘贴到 Quill.js 编辑器时,如何保留双倍间距?
How can I preserve double spacing when users paste text into Quill.js editor?
我有一个 ASP.NET MVC 应用程序,它使用 Quill.js。我希望用户能够从 MS Word 中复制双倍行距的文本,然后将其粘贴到我的 Quill 编辑器中,同时保留其双倍行距。
在视图中:
<div class="editor">
@Html.Raw(Model.EvaluationText)
</div>
js:
var basicEditor = new Quill('.editor', {
modules: {
toolbar: {
container: '.editor-toolbar'
}
},
theme: 'snow'
});
当我查看 devtools 时,我看到有一个 div 和 class 'ql-paste-manager,',这是我认为我需要覆盖的,但我不确定如何或者如果这是要走的路。
如果您知道文本是双倍行距的,您可以使用 CSS 来控制它。只需将行高设置为 200%(或您想要的任何值)。例如
.ql-editor div, .ql-editor li {
line-height: 200%;
}
但是 Quill 的粘贴管理器目前不支持检测粘贴的文本是单行还是双行。
我有一个 ASP.NET MVC 应用程序,它使用 Quill.js。我希望用户能够从 MS Word 中复制双倍行距的文本,然后将其粘贴到我的 Quill 编辑器中,同时保留其双倍行距。
在视图中:
<div class="editor">
@Html.Raw(Model.EvaluationText)
</div>
js:
var basicEditor = new Quill('.editor', {
modules: {
toolbar: {
container: '.editor-toolbar'
}
},
theme: 'snow'
});
当我查看 devtools 时,我看到有一个 div 和 class 'ql-paste-manager,',这是我认为我需要覆盖的,但我不确定如何或者如果这是要走的路。
如果您知道文本是双倍行距的,您可以使用 CSS 来控制它。只需将行高设置为 200%(或您想要的任何值)。例如
.ql-editor div, .ql-editor li {
line-height: 200%;
}
但是 Quill 的粘贴管理器目前不支持检测粘贴的文本是单行还是双行。