Question

在羽毛笔编辑器中我有以下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>

但是将内容保存到数据库并在网页上检索并显示后并没有显示空行。任何人都可以告诉我该怎么做。

Answer 1

我会做什么（即使我更像2000年的人而不是2018年的人）是使用样式表，然后你可以格式化每个HTML块，以便它周围有空格。这是帮助您入门的代码：

<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程序不合作，请始终在人们将使用的现代网络浏览器中进行测试，以获得最佳效果。

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

1 个答案: