文档章节

KindEditor Prettify代码高亮

ihaolin
 ihaolin
发布于 2014/06/12 23:30
字数 192
阅读 185
收藏 0

后台编辑器代码是没有高亮显示的,但是代码会有特效

1.后台需要加载prettify.js和prettify.css,

还有页脚填上<script>prettyPrint(); </script>

<script charset="utf-8" src="./kindeditor/plugins/code/prettify.js"></script>
<script> var editor; editor.ready(function(K) { editor= K.create('textarea[name="content"]',{ cssPath :[ './kindeditor/plugins/code/prettify.css'] }); }); prettyPrint(); </script>

2.前端显示,添加下面的代码到前端页面。

<link type="text/css" rel="stylesheet" href="./kindeditor/plugins/code/prettify.css"/> <script type="text/javascript" src="./kindeditor/plugins/code/prettify.js"></script><script>prettyPrint();</script>

注:最好还要修改plugins/code文件夹下的prettify.css,再最后加上以下内容,不加的话,前台代码不会换行,如果有长代码会很难看的,width是代码宽度,自己看着改。

pre.prettyprint { margin: 1em auto; padding: 1em; white-space: pre-wrap; }

© 著作权归作者所有

共有 人打赏支持
ihaolin
粉丝 260
博文 164
码字总数 106524
作品 4
朝阳
高级程序员
私信 提问
怎么选择wordpress 编辑器

最近wordpress刚建立起来,发表文章的时候顿感压力山大,默认编辑器TinyMCE,功能少的可怜啊。下面我就把我这几天找到的编辑器做一个统计好了,顺便说下这几天的感受。 TinyMCE: 不过网友们已...

ShareYkuaile
2014/12/18
0
0
kindeditor4.x整合SyntaxHighlighter代码高亮

kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,不过因为SyntaxHighlighter的应用...

度外网络
2012/08/26
0
4
kindeditor3.x升级到4.x 加入代码高亮功能

目前kindeditor已经升级到了4.1.2版本,其中4.0以上版本已经加入了代码高亮功能,所以决定把系统中kindeditor从3.x升级到最新的4.1.2,不过官方对于代码高亮功能,并未给予太多的说明,还需要...

度外网络
2012/08/26
0
0
kindeditor + syntaxhighlighter 使文章内的插入代码高亮显示

首先需要在页面中引入所需FE文件: 两个js和一个css文件是必须要引用的文件; shCore.js是syntaxhighlighter插件的基础代码; shAutoloader.js作用是syntaxhighlighter插件的代码高亮显示时自...

wedv
2014/02/18
0
0
NKeditor v5.0.3 发布,在线富文本编辑器

NKeditor 5.0.3 已发布。NKedtior 是基于 kindeditor 进行二次开发的项目,kindeditor 是一款优秀的开源在线编辑器。轻量级且功能强大,代码量却不到百度的 ueditor 编辑器的一半。我们在 ki...

阳建
2018/09/20
821
4

没有更多内容

加载失败,请刷新页面

加载更多

脚本配置java开发环境

@echo off&setlocal enabledelayedexpansion cls @echo "This script is used to registe envionment variables......" @echo. @echo. @echo. set var=%~dp0 set var=%var:~,-1% @echo "regi......

默克鱼
22分钟前
1
0
c++中友元函数理解与使用

在学习c++这一块,关于友元函数和友元类,感觉还是不好理解,但是井下心来,理解,需要把我一下几点。 首先讲友元函数。 (1)友元函数: 1)C++中引入友元函数,是为在该类中提供一个对外(除...

天王盖地虎626
今天
2
0
OSChina 周一乱弹 —— 白掌柜说了卖货不卖身

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @爱漫爱 :这是一场修行分享羽肿的单曲《Moony》 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :开不开心? 开心呀, 我又不爱睡懒觉…...

小小编辑
今天
703
10
大数据教程(11.7)hadoop2.9.1平台上仓库工具hive1.2.2搭建

上一篇文章介绍了hive2.3.4的搭建,然而这个版本已经不能稳定的支持mapreduce程序。本篇博主将分享hive1.2.2工具搭建全过程。先说明:本节就直接在上一节的hadoop环境中搭建了! 一、下载apa...

em_aaron
今天
5
0
开始看《JSP&Servlet学习笔记》

1:WEB应用简介。其中1.2.1对Web容器的工作流程写得不错 2:编写Servlet。搞清楚了Java的Web目录结构,以及Web.xml的一些配置作用。特别是讲了@WebServlet标签 3:请求与响应。更细致的讲了从...

max佩恩
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部