bookstack.js

/***
 * 加载文档到阅读区
 * @param $url
 * @param $id
 * @param $callback
 */
// function loadDocument($url,$id,$callback) {
//     $.ajax({
//         url : $url,
//         type : "GET",
//         beforeSend :function (xhr) {
//             var body = events.data('body_' + $id);
//             var title = events.data('title_' + $id);
//             var doc_title = events.data('doc_title_' + $id);
//
//             if(body && title && doc_title){
//
//                 if (typeof $callback === "function") {
//                     body = $callback(body);
//                 }
//                 $("#page-content").html(body);
//                 $("title").text(title);
//                 $("#article-title").text(doc_title);
//
//                 events.trigger('article.open',{ $url : $url, $init : false , $id : $id });
//
//                 return false;
//             }
//             NProgress.start();
//         },
//         success : function (res) {
//             if(res.errcode === 0){
//                 console.log("bookstack.cn");
//                 var body = res.data.body;
//                 var doc_title = res.data.doc_title;
//                 var title = res.data.title;
//                 $body = body;
//                 if (typeof $callback === "function" ){
//                     $body = $callback(body);
//                 }
//                 $("#page-content").html($body);
//                 $("title").text(title);
//                 $("#article-title").text(doc_title);
//
//                 events.data('body_' + $id,body);
//                 events.data('title_' + $id,title);
//                 events.data('doc_title_' + $id,doc_title);
//                 events.trigger('article.open',{ $url : $url, $init : true, $id : $id });
//             }else{
//                 location.href=$url;
//                 //可能是存在缓存导致的加载失败，如果加载失败，直接刷新需要打开的链接【注意layer.js的引入】
//                 // layer.msg("加载失败");
//             }
//         },
//         complete : function () {
//             NProgress.done();
//         }
//     });
// }

//渲染markdown为html
function RenderByMarkdown($content) {
    testEditormdView = editormd.markdownToHTML("page-content", {
        markdown        : $content ,//+ "\r\n" + $("#append-test").text(),
        //htmlDecode      : true,       // 开启 HTML 标签解析，为了安全性，默认不开启
        htmlDecode      : "style,script,iframe",  // you can filter tags decode
        //toc             : false,
        tocm            : true,    // Using [TOCM]
        //tocContainer    : "#custom-toc-container", // 自定义 ToC 容器层
        //gfm             : false,
        //tocDropdown     : true,
        // markdownSourceCode : true, // 是否保留 Markdown 源码，即是否删除保存源码的 Textarea 标签
        emoji           : true,
        taskList        : true,
        tex             : true,  // 默认不解析
        flowChart       : true,  // 默认不解析
        sequenceDiagram : true,  // 默认不解析
    });
}

/***
 * 加载文档到阅读区
 * @param $url
 * @param $id
 * @param $callback
 */
function loadDocument($url,$id,$callback) {
    $.ajax({
        url : $url+"?fr=BookStack",
        type : "GET",
        beforeSend :function (xhr) {
            var body = events.data('body_' + $id);
            var title = events.data('title_' + $id);
            var doc_title = events.data('doc_title_' + $id);

            if(body && title && doc_title){

                if (typeof $callback === "function") {
                    body = $callback(body);
                }
                // RenderByMarkdown(body);
                $("#page-content").html(body);
                $("title").text(title);
                $("#article-title").text(doc_title);

                events.trigger('article.open',{ $url : $url, $init : false , $id : $id });

                return false;
            }
            NProgress.start();
        },
        success : function (res) {
            if(res.errcode === 0){
                console.log("BookStack");
                var body = res.data.body;
                var doc_title = res.data.doc_title;
                var title = res.data.title;
                $body = body;
                if (typeof $callback === "function" ){
                    $body = $callback(body);
                }
                $("#page-content").html($body);
                // RenderByMarkdown($body);
                $("title").text(title);
                $("#article-title").text(doc_title);

                events.data('body_' + $id,body);
                events.data('title_' + $id,title);
                events.data('doc_title_' + $id,doc_title);
                events.trigger('article.open',{ $url : $url, $init : true, $id : $id });
            }else{
                location.href=$url;
                //可能是存在缓存导致的加载失败，如果加载失败，直接刷新需要打开的链接【注意layer.js的引入】
                // layer.msg("加载失败");
            }
        },
        complete : function () {
            NProgress.done();
        }
    });
}

function initHighlighting() {
    $('pre code').each(function (i, block) {
        hljs.highlightBlock(block);
    });

    hljs.initLineNumbersOnLoad();
}

var events = $("body");

$(function () {
    $(".view-backtop").on("click", function () {
        $('.manual-right').animate({ scrollTop: '0px' }, 200);
    });
    $(".manual-right").scroll(function () {
        var top = $(".manual-right").scrollTop();
        if(top > 100){
            $(".view-backtop").addClass("active");
        }else{
            $(".view-backtop").removeClass("active");
        }
    });
    window.isFullScreen = false;

    initHighlighting();

    window.jsTree = $("#sidebar").jstree({
        'plugins':["wholerow","types"],
        "types": {
            "default" : {
                "icon" : false  // 删除默认图标
            }
        },
        'core' : {
            'check_callback' : true,
            "multiple" : false ,
            'animation' : 0
        }
    }).on('select_node.jstree',function (node,selected,event) {
        $(".m-manual").removeClass('manual-mobile-show-left');
        var url = selected.node.a_attr.href;

        if(url === window.location.href){
            return false;
        }
        loadDocument(url,selected.node.id);

    });

    $("#slidebar").on("click",function () {
        $(".m-manual").addClass('manual-mobile-show-left');
    });
    $(".manual-mask").on("click",function () {
        $(".m-manual").removeClass('manual-mobile-show-left');
    });

    /**
     * 关闭侧边栏
     */
    $(".manual-fullscreen-switch").on("click",function () {
        isFullScreen = !isFullScreen;
        if (isFullScreen) {
            $(".m-manual").addClass('manual-fullscreen-active');
        } else {
            $(".m-manual").removeClass('manual-fullscreen-active');
        }
    });

    //处理打开事件
    events.on('article.open', function (event, $param) {
        if ('pushState' in history) {
            if ($param.$init === false) {
                window.history.replaceState($param , $param.$id , $param.$url);
            } else {
                window.history.pushState($param, $param.$id , $param.$url);
            }
        } else {
            window.location.hash = $param.$url;
        }
        initHighlighting();
        $(".manual-right").scrollTop(0);
        //上一篇和下一篇的链接
        var links=$("#menu-hidden a"),link_active=location.pathname,l=links.length;
        for(var i=0;i<l;i++){
            if (encodeURI($(links[i]).attr("href"))==link_active){
                $(".hung-read-link .col-xs-12").hide();
                var link_pre=$(links[i-1]),link_next=$(links[i+1]);
                if(link_pre && link_pre.text()){
                    $(".hung-pre a").attr("href",link_pre.attr("href"));
                    $(".hung-pre a").text(link_pre.text());
                    $(".hung-pre").show();
                }
                if(link_next  && link_next.text()){
                    $(".hung-next a").attr("href",link_next.attr("href"));
                    $(".hung-next a").text(link_next.text());
                    $(".hung-next").show();
                }
                i=l;
            }
        }
    });

    $(".hung-read-link a").click(function (e) {
        //使用笨方法解决无刷新的问题。
        $selector=$('a.jstree-anchor[href="'+$(this).attr("href")+'"]');
        if($selector.length>0){
            e.preventDefault();
            var CurSelector=$('a.jstree-anchor[href="'+$(this).attr("href")+'"]');
            if (CurSelector.parent().hasClass("jstree-closed")){
                CurSelector.parent().find(".jstree-icon").trigger("click");
            }
            $('a.jstree-anchor[href="'+$(this).attr("href")+'"]').trigger("click");
        }
    });

    $(".navg-item[data-mode]").on("click",function () {
        var mode = $(this).data('mode');
        $(this).siblings().removeClass('active').end().addClass('active');
        $(".m-manual").removeClass("manual-mode-view manual-mode-collect manual-mode-search").addClass("manual-mode-" + mode);
    });

    /**
     * 项目内搜索
     */
    $("#searchForm").ajaxForm({
        beforeSubmit : function () {
            var keyword = $.trim($("#searchForm").find("input[name='keyword']").val());
            if(keyword === ""){
                $(".search-empty").show();
                $("#searchList").html("");
                return false;
            }
            $("#btnSearch").attr("disabled","disabled").find("i").removeClass("fa-search").addClass("loading");
            window.keyword = keyword;
        },
        success :function (res) {
            var html = "";
            if(res.errcode === 0){
                for(var i in res.data){
                    var item = res.data[i];
                    html += '<li><a href="javascript:;" title="'+ item.doc_name +'" data-id="'+ item.doc_id+'"> '+ item.doc_name +' </a></li>';
                }
            }
            if(html !== ""){
                $(".search-empty").hide();
            }else{
                $(".search-empty").show();
            }
            $("#searchList").html(html);
        },
        complete : function () {
            $("#btnSearch").removeAttr("disabled").find("i").removeClass("loading").addClass("fa-search");
        }
    });

    window.onpopstate = function (e) {

        var $param = e.state;
        if($param.hasOwnProperty("$url")) {
            window.jsTree.jstree().deselect_all();

            window.jsTree.jstree().select_node({ id : $param.$id });
            $param.$init = false;
            //events.trigger('article.open', $param );
        }else{
            console.log($param);
        }
    };
    try {
        var $node = window.jsTree.jstree().get_selected();
        if (typeof $node === "object") {
            $node = window.jsTree.jstree().get_node({id: $node[0]});
            events.trigger('article.open', {$url: $node.a_attr.href, $init: true, $id: $node.a_attr.id});
        }
    }catch (e){
        console.log(e);
    }
});