wecenter下使用代码高亮

代码编程 wecenter 文章 2019-12-09 14:02 1555 0 全屏看文

AI助手支持GPT4.0

近期在使用WeCenter时发现,粘贴的代码发布后整个样式都变了,并且不能高亮显示;作为看惯了编辑器代码样式的程序员来说,实在不忍直视;于是就自己整了下;

1、所需插件

highlight.js插件,可到官网进行下载:传送门

image.png

选择完要高亮的语言,点击这个Download即可下载

2、将下载的插件放入static下的一个文件夹内

3、view/default/global/header_meta.tpl.htm 中加入插件地址调用即可

<link href="/static/hightlight/styles/monokai-sublime.css" rel="stylesheet">
<script src="/static/hightlight/highlight.pack.js"></script>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
  document.querySelectorAll('pre').forEach((block) => {
    hljs.highlightBlock(block);
  });
});
</script>

原文转自:http://www.baophp.cn/question/detail-2.html


-EOF-

AI助手支持GPT4.0