Как изменить длину фрагмента сообщения блоггера, не влияя на текст другого виджета?
В этом коде:
<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})' />, чтобы попытаться увеличить длину символа во фрагменте сообщения. Это сработало, но теперь текст в других моих виджетах выделен жирным шрифтом или курсивом. Как изменить длину символа во фрагменте, не затрагивая другие виджеты на моем веб-сайте?
Фрагмент публикации перед заменой кода:
Фрагмент сообщения после замены кода (заголовок, текст виджета и т. д. Изменились на курсив):
@ Balaji731, я добавил для вас скриншоты в посте.
Насколько я понимаю, вы говорите о контроле длины текста (под Следами ДНК ...)?
Да, @ Balaji731 :)
затем проверьте пример кода codepen.io/balajidesigner/pen/dwwdrW?editors=1100. Думаю, это поможет. Если у вас есть какие-либо вопросы, дайте мне знать.
Ответы 1
Эта проблема возникла из-за того, что тег данных data:post.body содержит все содержимое сообщения, включая HTML, в отличие от тегов данных data:post.snippet или data:post.longSnippet, которые удаляют их изнутри.
Несмотря на то, что оператор snippet учитывает только текстовое содержимое при определении длины, но он явно не удаляет теги HTML, связанные с этим содержимым (он предоставляет только параметры для удаления тегов привязки (<a>) с помощью опции links и тегов <br> с помощью linebreaks вариант, но нет параметров для других тегов, таких как смелый или курсив).
В этом конкретном случае присутствует HTML-тег для выделения текста курсивом, который не может быть закрыт должным образом из-за ограничения длины символа фрагмента (на снимке экрана мы можем заметить, что жирный текст из содержимого сообщения отображается правильно поскольку открывающий и закрывающий теги были включены в длину самого фрагмента). Из-за отсутствия закрывающего тега, используемого для выделения текста курсивом, браузер выделил курсивом весь текст после фрагмента (так как он не мог понять, где следует прекратить выделение курсивом)
Если требование к длине фрагмента не превышает 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})' />
не могли бы вы поделиться своим стилем или снимком экрана.