百度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  这个皮肤,所以直接引用官方CDN。

 

<link rel="stylesheet" href="https://highl
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值