wanjia9506
/
amWiki
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加javascript代码段隐藏注释

This commit is contained in:
TevinLi 2016-04-08 22:52:29 +08:00
parent 902138a47d
commit 1e20dcb415
2 changed files with 35 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
files/amWiki.css
View File

@ -3,6 +3,8 @@
/* ---------- custom markdown ---------- */
.markdown-body{font-size:14px;}
.markdown-body h1{border-bottom:1px solid #ddd;}
.markdown-body pre{position:relative;}
.markdown-body code{padding-top:0.15em;padding-bottom:0.15em;margin:0 1px;font-size:90%;color:#000;background-color:rgba(0,0,0,0.05);}
.markdown-body code.hljs{color:#333;word-wrap:break-word;white-space:pre-wrap;}
.markdown-body .hljs-string{color:#183691;}
@ -12,6 +14,13 @@
.markdown-body .anchor{padding-top:10px;margin-top:-10px;}
.markdown-body .anchor img{visibility:hidden;}
.markdown-body h1:hover .anchor img,.markdown-body h2:hover .anchor img,.markdown-body h3:hover .anchor img{visibility:visible;}
.markdown-body :not(.anchor)>img:hover{outline:rgba(0,0,0,.05) 1px solid;box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.markdown-body .lang-off-js-comment{position:absolute;top:0;right:0;width:27px;height:27px;color:#ccc;text-align:center;line-height:27px;background:#f0f0f0;cursor:pointer}
.markdown-body .lang-off-js-comment i{position:absolute;top:0;left:0;width:27px;height:27px;font-size:22px;color:#ddd;text-align:center;line-height:27px;}
.markdown-body .lang-off-js-comment:hover{color:#999;background:#ddd;}
.markdown-body .lang-off-js-comment:hover i{color:#999;}
.markdown-body .lang-off-js-comment.on{color:#333;background:#ccc;}
.markdown-body .lang-off-js-comment.on i{color:#f00;}
/* ---------- base ---------- */
body{background:#e7e8eb !important;min-width:720px;}

28
files/amWiki.js
View File

@ -187,6 +187,22 @@ $(function () {
}
});
//设置js注释隐藏
var setJSCommentDisable = function($elm) {
var $disBtn = $('<div class="lang-off-js-comment">注<i>/</i></div>');
$disBtn.on('click',function(){
var $this = $(this);
if ($this.hasClass('on')) {
$this.removeClass('on');
$elm.find('.hljs-comment').show();
} else {
$this.addClass('on');
$elm.find('.hljs-comment').hide();
}
});
$elm.prepend($disBtn);
};
//加载页面
var url;
if (localStorage.urlEcode == 'encode') {
@ -196,10 +212,14 @@ $(function () {
}
$.get(url, function (data) {
$view.html(marked(data)).find('pre code').each(function (i, block) {
var className = $(block).attr('class') || '';
var $elm = $(block);
var className = $elm.attr('class') || '';
if (className.indexOf('lang') >= 0) {
hljs.highlightBlock(block);
}
if (className.indexOf('javascript') >= 0) {
setJSCommentDisable($elm);
}
});
setTitleAnchor();
}, 'text').fail(function () {
@ -211,10 +231,14 @@ $(function () {
$.get(url, function (data) {
localStorage.urlEcode = 'decode';
$view.html(marked(data)).find('pre code').each(function (i, block) {
var className = $(block).attr('class') || '';
var $elm = $(block);
var className = $elm.attr('class') || '';
if (className.indexOf('lang') >= 0) {
hljs.highlightBlock(block);
}
if (className.indexOf('javascript') >= 0) {
setJSCommentDisable($elm);
}
});
setTitleAnchor();
}, 'text').fail(function () {