gpt4 book ai didi

html - Quill 编辑器输出不显示换行符

转载 作者:行者123 更新时间:2023-11-28 01:52:53 36 4
gpt4 key购买 nike

在 quill 编辑器中我有以下 html

<p>Hello</p>
<h2><br><h2>
<h2>How are your</h2>
<p>Something</p>
<p><br></p>
<p>After empty line</p>

它应该在 empty tag 包含 br 标签的地方显示空行如下

<p>Hello</p>
<h2><br><h2>
<h2>How are your</h2>
<p>Something</p>
<p><br></p>
<p>After empty line</p>

但是将内容保存到数据库并检索回来并在网页上显示后不显示空行。谁能告诉我我该怎么办。

最佳答案

我会做的(尽管我是 2000 年的人而不是 2018 年的人)是使用样式表然后你可以格式化每个 HTML block ,以便它周围有间距。下面是帮助您入门的代码:

<html>
<head>
<title>Something</title>
<style type="text/css">
.morespace {padding-bottom: 20px;}
</style>
</head>
<body>
<p class="morespace">Hello</p>
<h2>How are your</h2>
<p class="morespace">Something</p>
<p>After empty line</p>
</body>
</html>

在此示例中,将在包含 class=morespace 的 HTML 底部添加一个 20 像素的空间。

如果你愿意,你也可以使用 margin-bottom 而不是 padding-bottom。你也可以将 20px 更改为你想要的任何大小的空间。

如果 Quill 程序不合作,请始终在人们会使用的现代网络浏览器中进行测试以获得最佳结果。

关于html - Quill 编辑器输出不显示换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49825806/

36 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com