时间戳

首页 > 解决方案 > Spring Boot + Thymeleaf：Summernote 编辑器使我在卡片中的文本显示比需要的低很多

java - Spring Boot + Thymeleaf：Summernote 编辑器使我在卡片中的文本显示比需要的低很多

问题描述

我已将 Summernote 添加到我的应用程序中，并在为博客添加 Post 对象的内容时使用它。似乎summernote为围绕字符串的标签添加了很多属性，这使得帖子在卡片中的显示低了很多。

这是post.content我用summernote提交时的样子

<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="font-size: 18px;">What happens here?</span></p>
<ul>
<li><span style="font-size: 18px;">This is cool</span></li>
<li><span style="font-size: 18px;">So Cool</span></li>
</ul>
<p><span style="font-size: 18px; background-color: rgb(255, 255, 0);"><font color="#000000">No idea</font></span></p>

这就是未使用 Summernote 文本编辑器实现的 post.content 的外观

wqodij qwdn fnfj wofnef v veofn w ow w nwwn o wowew oo wn&nbsp; n fner ino wo we or 2om womweo4o io&nbsp; o o4 o mo mw we mo o wofwe o om o owwe owo o mwef wo wo o o wof wo o om o3m o23mr o23 dof wo o o2 omom weofm oi 3o2m o m2oowefm owem o23

这就是整个事情的样子 在此处输入图像描述 在此处输入图像描述

如您所见，使用summernote 发布的字符串在页面上比其他字符串低很多。我怎样才能让它显示在同一级别？有哪些解决方案？任何帮助将不胜感激！

这是我在百里香中使用的

<h2 class="mb-3" th: text="${post.title}"></h2>

<div th: utext="${post.content}"></div>

标签： javaspringspring-bootthymeleafsummernote

解决方案

推荐阅读