文档目录导读

您正在阅读旧版文档,新版文档已迁移至 [https://document.pescms.com]

目录

文档目录导读是PESCMS DOC 1.2.7版本引入的新功能,主要作为文档内快速定位内容使用。由于每个人的写作风格都不一样,很难编写一套适用提取代码,因此PESCMS DOC在系统设置中预留了 自定义编辑 导读提取代码的选项。功能位于:系统设置 --- 文章导读。

PESCMS DOC本身的目录导读是提取文中 h2标签的标题作为 导读标题。示例代码(Javascript):

$(function(){
    //提取文档内容中h2标签
    $('.content_html h2').each(function(){
        var matchTitle = $(this).text();
        if(matchTitle){
            //如果存在h2的导读标题,则移出隐藏属性
            $('.article-review').removeClass('am-hide')
            //在h2标签附近添加一个对应的锚点
            $(this).before('<a name="'+matchTitle+'" class="am-padding-0 am-margin-0"></a>');
            //追加目录导读标题
            $(".article-review ol").append('<li><a href="#'+matchTitle+'">'+matchTitle+'</a></li>');
        }
    })
})

若您觉得自身的提取代码不够丰富,请自行编写Javascript完善。

PESCMS DOC 文档系统
© Copyright 2015-2024. by the PESCMS DOC
耗时0.0184秒