Emlog代码高亮减少复制按钮插件教程

原创

Emlog代码高亮减少复制按钮插件教程

即日重庆SEO给站长伙伴们解说Emlog代码高亮怎样不必插件实行(作品尾部供给插件载入)

看功效的径直看本站就行

找到模版文献夹下的echo_log.php文献并翻开增添如次代码

<!– 代码高亮 –>

<script src=”https://www.cnhack.me/content/templates/p4Devise/js/prettify.js?ver=2.1″ type=”text/javascript”></script>

<script type=”text/javascript”>

$(function() {

$(‘pre’).addClass(‘prettyprint linenums’).attr(‘style’, ‘overflow:auto’);

window.prettyPrint && prettyPrint();

});

</script>

而后增添CSS粉饰代码,加到CSS文献内里就行了,只有你在header模版内里挪用就行

.prettyprint,

pre.prettyprint {

background-color: #272822;

border: 1px solid #272822;

overflow: hidden;

padding: 8px;

}

.prettyprint.linenums,

pre.prettyprint.linenums {

-webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;

-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;

box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;

}

.prettyprint.linenums ol,

pre.prettyprint.linenums ol {

margin: 0 0 0 33px;

}

.prettyprint.linenums ol li,

pre.prettyprint.linenums ol li {

padding-left: 12px;

color: #bebec5;

line-height: 20px;

margin-left: 0;

list-style: decimal;

}

.prettyprint .com { color: #93a1a1; }

.prettyprint .lit { color: #AE81FF; }

.prettyprint .pun,

.prettyprint .opn,

.prettyprint .clo { color: #F8F8F2; }

.prettyprint .fun { color: #dc322f; }

.prettyprint .str,

.prettyprint .atv { color: #E6DB74; }

.prettyprint .kwd,

.prettyprint .tag { color: #F92659; }

.prettyprint .typ,

.prettyprint .atn,

.prettyprint .dec,

.prettyprint .var { color: #A6E22E; }

.prettyprint .pln { color: #66D9EF; }

上头这个办法是用纯代码的办法来实行的,断定对懒人来说不是一个福音,底下是冬镜为懒人供给的插件,安置径直运用就行

这是一个为代码高亮增添复制代码功效的插件,你只有用pre标签包括代码实质,就会机动增添一个复制按钮

点击复制按钮就会机动复制pre标签内的实质到剪贴板

你不妨点击这个复制按钮试试便知+

提醒:即使你安置了插件不起效率,那请看看你的页面能否援用的Jquery扶助库

处置员树立恢复可载入

免责声明: 本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
转载请注明出处:
网赚 » Emlog代码高亮减少复制按钮插件教程

提供最优质的资源集合

赞助会员 了解详情
Emlog代码高亮减少复制按钮插件教程-网赚

Emlog代码高亮减少复制按钮插件教程

原创

Emlog代码高亮减少复制按钮插件教程

即日重庆SEO给站长伙伴们解说Emlog代码高亮怎样不必插件实行(作品尾部供给插件载入)

看功效的径直看本站就行

找到模版文献夹下的echo_log.php文献并翻开增添如次代码

<!– 代码高亮 –>

<script src=”https://www.cnhack.me/content/templates/p4Devise/js/prettify.js?ver=2.1″ type=”text/javascript”></script>

<script type=”text/javascript”>

$(function() {

$(‘pre’).addClass(‘prettyprint linenums’).attr(‘style’, ‘overflow:auto’);

window.prettyPrint && prettyPrint();

});

</script>

而后增添CSS粉饰代码,加到CSS文献内里就行了,只有你在header模版内里挪用就行

.prettyprint,

pre.prettyprint {

background-color: #272822;

border: 1px solid #272822;

overflow: hidden;

padding: 8px;

}

.prettyprint.linenums,

pre.prettyprint.linenums {

-webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;

-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;

box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;

}

.prettyprint.linenums ol,

pre.prettyprint.linenums ol {

margin: 0 0 0 33px;

}

.prettyprint.linenums ol li,

pre.prettyprint.linenums ol li {

padding-left: 12px;

color: #bebec5;

line-height: 20px;

margin-left: 0;

list-style: decimal;

}

.prettyprint .com { color: #93a1a1; }

.prettyprint .lit { color: #AE81FF; }

.prettyprint .pun,

.prettyprint .opn,

.prettyprint .clo { color: #F8F8F2; }

.prettyprint .fun { color: #dc322f; }

.prettyprint .str,

.prettyprint .atv { color: #E6DB74; }

.prettyprint .kwd,

.prettyprint .tag { color: #F92659; }

.prettyprint .typ,

.prettyprint .atn,

.prettyprint .dec,

.prettyprint .var { color: #A6E22E; }

.prettyprint .pln { color: #66D9EF; }

上头这个办法是用纯代码的办法来实行的,断定对懒人来说不是一个福音,底下是冬镜为懒人供给的插件,安置径直运用就行

这是一个为代码高亮增添复制代码功效的插件,你只有用pre标签包括代码实质,就会机动增添一个复制按钮

点击复制按钮就会机动复制pre标签内的实质到剪贴板

你不妨点击这个复制按钮试试便知+

提醒:即使你安置了插件不起效率,那请看看你的页面能否援用的Jquery扶助库

处置员树立恢复可载入

免责声明: 本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
转载请注明出处:
网赚 » Emlog代码高亮减少复制按钮插件教程

提供最优质的资源集合

赞助会员 了解详情