本文主要是介绍百度ueditor编辑器如何使用自定义的高大上高亮皮肤?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
百度自带的代码高亮皮肤简直是太丑露了有木有!看到那个皮肤都没有再看代码的欲望了……如何让百度ueditor的编辑器的代码高亮看的更加美观高大上一些呀?今天尚睿德创就给大家分享一下我们是如何做的!
首先使用到了一个插件:highlight.js 可以直接去官网下载或者使用CDN。
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
不过这个是一个默认的皮肤,比百度自带的也好不了多少,所以我们需要给它更换一个更美观的皮肤,可以参考:https://highlightjs.org/static/demo/ 示例,选出你喜欢的皮肤。尚睿德创喜欢用的是 atom-one-dark 这个皮肤&
这篇关于百度ueditor编辑器如何使用自定义的高大上高亮皮肤?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!