html - 如何在不影响其他小部件文本的情况下更改博客文章片段长度？

Question

在这段代码中:

<div class='resumo'>
  <span><data:post.snippet/>
 </span>
</div>
<a class='read-more' expr:href='data:post.url'>Read More</a>

我替换了<data:post.snippet/>与 <b:eval expr='snippet(data:post.body, {length: 450, linebreaks: false, links: false})' />尝试增加帖子片段的字符长度。它有效，但现在我的其他小部件中的文本是粗体或斜体。如何在不影响网站上其他小部件的情况下更改代码段字符长度？

在替换代码之前发布片段:

替换代码后发布片段(标题、小部件文本等已更改为斜体):

Answer 1

出现此问题是因为 data:post.body与 data:post.snippet 不同，data 标签包含帖子的全部内容，包括 HTML或 data:post.longSnippet在内部剥离这些数据标签。

即使 snippet运算符在确定长度时只计算文本内容，但它不会显式剥离与该内容关联的 HTML 标签(它仅提供通过 <a> 选项和 links 标签剥离 anchor ( <br> ) 标签的选项通过 linebreaks 选项但没有其他标签的选项，例如 bold 或 italics)。

在这种特殊情况下，存在一个 HTML 标签用于将文本斜体化，由于代码段的字符长度限制而无法正确关闭(在屏幕截图中，我们可以观察到帖子内容中的粗体文本显示正确，因为开始和结束标签包含在片段长度本身内)。由于缺少用于将文本斜体化的结束标记，浏览器将代码段之后的所有文本都变为斜体(因为它无法确定应该在何处停止斜体化)

如果要求snippet长度不超过850个字符，则使用data:post.longSnippet会是比 data:post.body 更好的选择.以前data:post.longSnippet限制为 300-400 个字符，但现在已增加该限制。将它与 snippet 耦合运算符会让您更好地控制字符长度。新的代码片段看起来像 -

<b:eval expr='snippet(data:post.longSnippet, {length: 650, linebreaks: false, links: false})' />