百度编辑器支持prism.js 代码高亮
安装 prism.js https://www.51zuso.com/admin/p/1397.html
在内容显示页面加上这个代码
<script> var $codepre = $("pre[class]"); if($codepre.length>0){ for(var i = 0;i<$codepre.length;i++){ var item = $codepre.eq(i); var language = ""; item.attr("class").replace(/brush:([^;]+)/,function(a,b){ language = b; }); if(language){ var codehtml = item.html(); var code = $("<code>"); code.attr("class","code lang-"+language); code.html(codehtml); item.html(code); Prism.highlightElement(code[0]); } } } //有显示行数的在加这段代码 (function(){ var pres = document.querySelectorAll('pre'); var lineNumberClassName = 'line-numbers'; pres.forEach(function (item, index) { item.className = item.className == '' ? lineNumberClassName : item.className + ' ' + lineNumberClassName; }); })(); </script>
工具栏样式调整一下
<style> .toolbar-item{ margin-left:5px;color:#fff;} .toolbar-item:hover span{color:#fff;} .toolbar-item button{cursor: pointer;} </style>