将 HTML 保留在脚本中，以便在 Blogger 中创建帖子摘要

Keeping HTML in script that creates a post summary in Blogger

本文关键字：创建 Blogger 保留 HTML 脚本      更新时间：2023-09-26

我最近根据自己的喜好购买并自定义了一个博主模板，除了我在一个小细节上遇到了问题。该帖子有一个自动阅读更多脚本，除非我单击"阅读更多"，否则我在实际博客文章中使用的任何 HTML 都不起作用。有谁知道如何解决这个问题？模板的实际代码有点令人困惑，这是我第一次尝试在wordpress主题上使用博客模板。我相信这就是该部分的来源。

<script type='text/javascript'>//<![CDATA[function stripTags(s, n) {
return s.replace(/<.*?>/ig, "").split(/'s+/).slice(0, n - 1).join(" ")}
function rm(a) {
var p = document.getElementById(a);
imgtag = "";
ifrtag = "";
ifrsrc = "";
ifrtb = -1;
img = p.getElementsByTagName("img");
ifr = p.getElementsByTagName("iframe");
 for (var i = 0; i < ifr.length; i++) {
    ifrsrc = ifr[i].src;
    if (ifrsrc.indexOf("//www.youtube.com/embed/") != -1) {
        ifrtb = i;
        break
    } else if (ifrsrc.indexOf("//player.vimeo.com/video/") != -1) {
        ifrtb = i;
        break
    } else if (ifrsrc.indexOf("//www.dailymotion.com/embed/video/") != -1) {
        ifrtb = i;
        break
    }
}
if (ifrtb != -1) ifrtag = '<div class="entry-video"><iframe width="840" height="472" src="' + ifrsrc + '?vq=medium&rel=0" frameborder="0" allowfullscreen></iframe></div>';
else if (img.length >= 1) imgtag = '<div class="entry-image"><a href="' + y + '"><img class="thumb" src="' + img[0].src + '" /></a></div>';
else imgtag = '<div class="entry-image no-image"><a href="' + y + '"><img class="thumb" src="https://lh4.googleusercontent.com/-G9M2DTCTUwM/Tlh-2pwtc5I/AAAAAAAABKM/kCJg-Kf3W2M/no_image_yet.jpg" /></a></div>';
p.innerHTML = '<div class="entry-container"><div class="entry-content"><h1 class="entry-title"> <div class="post-avatar"></div> <div class="meta"><p><small> <i class="fa fa-clock-o"></i> ' + t + ' &nbsp; &nbsp;<i class="fa fa-user"></i> ' + z + ' &nbsp; &nbsp; <i class="fa fa-comments"></i> ' + u + ' Comments</small></p></div> <a href="' + y + '">' + x + " </a> </h1> " + ifrtag + imgtag + "<p>"   + stripTags(p.innerHTML, 60) + "...</p></div></div>"

}
function av(a) {
var b = a.entry.author[0];
c = b.name.$t;
d = b.gd$image.src.replace(/'/s[0-9]+(-*c*)'//, "/s55$1/");
document.write('<img alt="' + c + '" class="avatar-author" src="' + d + '" title="' + c + '"/>')
};
//]]></script>
<div class='pull-left'> <a class='read-more' expr:href='data:post.url'>Read More</a>

我尝试寻找任何 removeHTML 标签，或者一个让我编辑摘要中显示的字符数量的地方，但似乎找不到任何东西。我正在工作的网站是 www.angelakulig.com，博主主题是主题Xpose的Pratico，可以在这里找到。http://www.themexpose.com/2014/06/pratico-clean-responsive-blogger.html如果需要，此链接将为您提供整个模板代码。提前谢谢你！

在 "stripTags（p.innerHTML， 60）" 中，将值从 60 增加到 300

代码如下所示：

<script type='text/javascript'>//<![CDATA[function stripTags(s, n) {
return s.replace(/<.*?>/ig, "").split(/'s+/).slice(0, n - 1).join(" ")}
function rm(a) {
var p = document.getElementById(a);
imgtag = "";
ifrtag = "";
ifrsrc = "";
ifrtb = -1;
img = p.getElementsByTagName("img");
ifr = p.getElementsByTagName("iframe");
 for (var i = 0; i < ifr.length; i++) {
    ifrsrc = ifr[i].src;
    if (ifrsrc.indexOf("//www.youtube.com/embed/") != -1) {
        ifrtb = i;
        break
    } else if (ifrsrc.indexOf("//player.vimeo.com/video/") != -1) {
        ifrtb = i;
        break
    } else if (ifrsrc.indexOf("//www.dailymotion.com/embed/video/") != -1) {
        ifrtb = i;
        break
    }
}
if (ifrtb != -1) ifrtag = '<div class="entry-video"><iframe width="840" height="472" src="' + ifrsrc + '?vq=medium&rel=0" frameborder="0" allowfullscreen></iframe></div>';
else if (img.length >= 1) imgtag = '<div class="entry-image"><a href="' + y + '"><img class="thumb" src="' + img[0].src + '" /></a></div>';
else imgtag = '<div class="entry-image no-image"><a href="' + y + '"><img class="thumb" src="https://lh4.googleusercontent.com/-G9M2DTCTUwM/Tlh-2pwtc5I/AAAAAAAABKM/kCJg-Kf3W2M/no_image_yet.jpg" /></a></div>';
p.innerHTML = '<div class="entry-container"><div class="entry-content"><h1 class="entry-title"> <div class="post-avatar"></div> <div class="meta"><p><small> <i class="fa fa-clock-o"></i> ' + t + ' &nbsp; &nbsp;<i class="fa fa-user"></i> ' + z + ' &nbsp; &nbsp; <i class="fa fa-comments"></i> ' + u + ' Comments</small></p></div> <a href="' + y + '">' + x + " </a> </h1> " + ifrtag + imgtag + "<p>"   + stripTags(p.innerHTML, 300) + "...</p></div></div>"

}
function av(a) {
var b = a.entry.author[0];
c = b.name.$t;
d = b.gd$image.src.replace(/'/s[0-9]+(-*c*)'//, "/s55$1/");
document.write('<img alt="' + c + '" class="avatar-author" src="' + d + '" title="' + c + '"/>')
};
//]]></script>
<div class='pull-left'> <a class='read-more' expr:href='data:post.url'>Read More</a>
相关文章：