<p class="m-text" th:text="${blog.content}" name="content">财富自由指的1</p>
//控制内容的长度
var text=document.getElementsByName("content")
for (var i = 0; i <text.length ; i++) {
if(text[i].innerText.length>50){
text[i].innerText=text[i].innerText.substring(0,50)+'...'
}
}
这个内容的长度还是没有变
同样的我使用th:text
长度发生了改变,但是格式没有解析,怎么同时解决这两个问题
th:text只能以解析文本格式进行解析。
th:utext以html的方式进行解析。
直接在标签上用字符串的截取。
${#strings.abbreviate(str,50)} str截取0-50位,后面的全部用…这个点代替,注意,最小是3位
<p class="m-text" th:text="${#strings.abbreviate(blog.content,50)}" name="content">财富自由指的1</p>
没有innerText属性,改为innerHTML。