目录?
回答你好,
也许我错过了一些太明显的东西……
我正试图获得一个自动目录上较长的文章-如mediawiki提供。
这意味着:当我在文章中有超过5个标题时,我想在文章的顶部显示一个目录。
目前我们使用HTML并手动向HTML源代码添加一个目录。这不是最有效的处理方式。无论如何,使用内容块将阻止这种情况,因为将不再有完整的HTML导出。
知道怎么得到这个吗?或者这是一个增强请求?
-
嘿Kai Schmitte
过去,我曾尝试过使用http://gregfranko.com/jquery.tocify.js/构建ToC,但我们在当前主题中放弃了解决方案。如果您尝试了它并设法使其工作,请确保让社区知道! -
你可以使用这个插件(https://github.com/ndabas/toc)生成文章的动态TOC。
请让我知道,如果你发现任何问题设置这个
谢谢你!
Pulkit
-
@Kai Schmitte,按照以下步骤为您的文章添加TOC。
步骤1:复制下面的脚本代码,并将其粘贴到您的script.js文件。
窗口。Onload = function () {
Var toc = "";
Var水平= 0;
. getelementbyid(“内容”)。innerHTML =
. getelementbyid(“内容”).innerHTML.replace (
/ < h ((\ d ])>([^<]+)<\/ h ((\ d)) > / gi,
函数(str, openLevel, titleText, closellevel) {
if (openLevel != closellevel) {
返回str;
}
if (openLevel > level) {
toc += (new Array(openLevel - level + 1)).join("- ");
}如果(openLevel < level) {
toc + =(新数组(水平- openLevel + 1)) . join(“< / ul >”);
}
level = parseInt(openLevel);
var anchor = titleText。Replace (/ /g, "_");
李toc + = " < > < a href = \“#”+锚 + "\">" + titleText
李+ " < / > < / >”;
返回" < h + openLevel +“> <名称= \”“+锚杆+“\”>“
+ titleText + "";
}
);
If (level) {
toc += (new Array(level + 1)).join("
}
. getelementbyid (toc)。innerHTML += toc;
};
截图:
步骤2:添加id到文章的主体上article_page.hbs文件。
< div class = " article-body”id = "内容"> {{article.body}} < / div >
这里我只添加了id="contents"截图:
如果有任何困惑,请告诉我:)
谢谢
-
嗨,看到这个讨论的最佳时机,因为我正在寻找ToC信息。
上面的内容似乎与在一篇文章中添加ToC有关。但是,我们希望将它添加到一个地方,以便所有的文章在品牌中可以用它。
我们曾经有一个包含ToC的品牌。我记得我的经理(已经不在我的公司了)在一个黑色背景和不同颜色字符的屏幕里工作。
有人能给我们指出在品牌层面实施ToC的正确方向吗?
谢谢,
斯蒂芬。
-
你好,
非常感谢你的快速帮助!
由于这不是配置主题,我将其转发给了我们的开发团队。谢谢,
节日快乐!凯
-
谢谢你,凯。转发的问题有票吗?节日快乐。
-
Stephen Kairys:谢谢!这将首先是我们内部组织的问题,而不是直接与Zendesk的问题——我的假设是,我们内部的ZD开发团队可以解决这个问题。亚博
节日快乐,新年快乐!
-
我将如何被告知这张票?有预计到达时间吗?谢谢大家,节日快乐。
-
嘿,所有的,
非常感谢你在帖子中做出的巨大贡献。你可以查看下面的帖子,以获得更多的确认和良好的结果:
https://support.亚博zendesk.com/hc/en-us/articles/4408842914714-Help-center-CSS-cookbook-tiktokdownloaders
继续访问以获取更多信息。
谢谢
-
上面的内容似乎与在一篇文章中添加ToC有关。但是,我们希望将它添加到一个地方,以便所有的文章在品牌中可以用它。
Stephen Kairys解决方案Ifra Saqlain提供的不是针对单个文章,而是对文章模板的编辑,这确实允许您将更改应用于所有文章。这是在自定义主题下完成的,并且确实需要一些编码知识。您以前的经理可能在本地代码编辑器中编辑了这些文件。可以找到有关此过程的更多信息在这里。
然而,多亏了你的屏幕截图,我才注意到Ifra Saqlain遗漏了一小步,我需要修改我的article_page.hbs文件中还包括以下行:
< div id = " toc " > < / div >
在第2步修改行之前(
{{article.body}})当我们切换到新主题时,感谢有用的解决方案,我们以前的TOC没有像以前那样起作用,这让我接近,现在正在对这个脚本输出的列表进行样式化。
-
Rae -
非常感谢。这个屏幕(快速扫了一眼)看起来很熟悉,因为我记得我的经理在做什么。假期过后,我得再深入研究一下。除了问——上面的代码是用什么语言写的?
新年快乐。
-
也祝你新年快乐。很高兴我能帮上忙,主题模板基本上只是HTML,在我链接的文章中有一些花括号的解释。https://support.亚博zendesk.com/hc/en-us/articles/4408839332250-Customizing-your-help-center-theme#topic_h5c_k4w_n3.
我是一个前端web开发人员,所以我在本地编辑我的主题文件,并使用Github版本的主题,但这可能是过度参与这个单一的添加。如果你能跟上Ifra Saqlain说明您可以在浏览器中完成所有操作。
-
谢谢你的以上。但是,在新的一年里,我们的优先事项会发生变化,所以现在我被告知要把这件事放在后面。很抱歉占用你这么多时间。
-
谢谢你的代码!
我正在寻找隐藏TOC的可能性,如果文章没有标题或只有一个。我该如何设置呢? -
@Jakub Kręcisz,你可以做到这一点,只要按照这篇文章中的步骤:
在这里,当您的文章有其他标题时,将显示TOC。
谢谢
请登录留下评论。
15个评论