首页 > 网站 > 建站经验 > 正文

两步教你开启KindEditor代码高亮功能

2024-04-25 20:45:54

字体：大中小

来源：转载

供稿：网友

KindEditor(下面简称KE)虽然是一个国产货，可并不比洋货(CKEditor)逊色，尤其是插件和API功能，越来越出色了，其中4.0推出了代码高亮功能。
不过该功能在官方文档上并没有相关的说明，这一点要批评一下，这么好使的功能为什么不让大家都用上呢。
我整理了一下用法，供大家参考。

前台页面先加载插件脚本和样式：

<link rel="stylesheet" type="text/css" href="[kePath]/plugins/code/prettify.css" />
<script type="text/javascript" src="[kePath]/plugins/code/prettify.js"></script>
<script>
$(function(){ prettyPrint(); });
</script>
后台编辑器声明的时候加上插件样式，缺省这个参数，编辑器中插入代码跟普通文字一样，并且再次编辑的时候被隐藏了，所以这一步很关键。

var editor = KindEditor.create('textarea.editor', {
cssPath : ['[kePath]/plugins/code/prettify.css']
});

上一篇：如何使用GAE建立免费静态网站？

下一篇：kindeditor编辑器中集成ckplayer播放视频

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注