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

Question

我最近购买并根据自己的喜好定制了一个博客模板，但我在一个小细节上遇到了问题。这篇文章有一个自动阅读更多脚本，除非我单击“阅读更多”，否则我在实际博客文章中使用的任何 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，博客主题是 Pratico by Theme Xpose，可以在这里找到。 http://www.themexpose.com/2014/06/pratico-clean-responsive-blogger.html 如果需要，此链接将为您提供完整的模板代码。预先感谢您!

Answer 1

在“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>