百度ueditor代码高亮显示

 1 <script type="text/javascript" charset="utf-8" src="ueditor1_4_3-utf8-php/ueditor.config.js"></script>
 2
 3     <!--加入高亮的js和css文件,如果你的编辑器和展示也是一个页面那么高亮的js可以不加载-->
 4     <script type="text/javascript" charset="utf-8" src="ueditor1_4_3-utf8-php/third-party/SyntaxHighlighter/shCore.js"></script>
 5     <link rel="stylesheet" type="text/css" href="ueditor1_4_3-utf8-php/third-party/SyntaxHighlighter/shCoreDefault.css"/>
 6 </head>
 7
 8 <body>
 9 <script type="text/javascript">
10 //为了在编辑器之外能展示高亮代码
11 SyntaxHighlighter.all();
12 </script>

百度ueditor代码高亮显示

时间: 2024-10-29 05:46:11

百度ueditor代码高亮显示的相关文章

百度ueditor 实例化 Cannot set property &#39;innerHTML&#39; of null 完美解决方案

此时此刻,我正在用博客园推荐的TinyMCE编辑器写这个博客,突然想起最近在项目中使用百度ueditor编辑器中的一些经历.所以记录在此,与大家分享. 不得不说,百度ueditor是一款很好的在线编辑器,为开发者提供了诸多便利,你甚至可以用它来把word文档的内容按照一定的格式转换成html代码,然后再放进自己的项目中. 1.我们的项目中,用户在注册时有可能需要查看用户协议和隐私协议,而我们的文案是将这两个协议的内容放在word文档中,作为苦逼的开发人员,你需要把这些文字展示在html页面上,并

百度UEditor图片上传、SpringMVC、Freemarker、Tomcat、Nginx、静态资源

个人官网.公司项目都需要 可视化编辑器,百度UEditor做得很不错,就用的这个.项目后台用到了SpringMVC.Freemarker,开发过程中部署在Jetty,线上部署用Tomcat,最后可能配置Nginx代理.     在实际使用过程中,遇到了太多的问题,因此有必要梳理和总结下. 1. 先说百度UEditor在Java环境中的使用:1.1   Html页面或者Freemarker模版里,引入百度UEditor的相关JS和CSS,如下 <script type="text/javas

页面插入百度UEditor编辑器

工作中用到了百度的富文本.以下总结记录一下,UEditor嵌入网页的方法. 第一步 到百度UEditor官网下载所需版本:http://ueditor.baidu.com/website 本次下载的是 utf-8的jsp版:ueditor1_4_3_2-utf8-jsp.zip. 第二步 解压得到如图文件结构;之后打开jsp/lib/ 将lib下的jar包 导入项目,注意jar包版本问题,如果项目中有相同的包,删掉低版本保留高版本的. 第三步 浏览器打开index.html会发现这是UEdito

ThinkPHP整合百度Ueditor图文教程

ThinkPHP整合百度Ueditor图文教程 ThinkPHP整合百度Ueditor,基于黄永成老师的视频说明的申明:最好大家都能写绝对路径的都写好绝对路径比如:window.UEDITOR_HOME_URL 他在教程里面已经说了的,我就不再次说了啊,就一笔带过,好了不废话! 在调用编辑器的时候首先先初始化一些值: <script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_U

百度UEditor上传图片-再再总结一次

本周,CSDN有个网友遇到了百度UEditor上传问题,最后商定付50元钱,我帮他解决这个问题.    他最初想自己搞定这个问题,结果搞了好多次,好几天,还是没能解决.    2015年1月17日8:25~2015年1月18日00:24,4个小时终于搞定了这个问题. 1.总的感悟    本来预计1个小时,就能解决的,结果硬是花费了4个小时,挺无奈的. 虽说是帮客户解决一个问题,但实际上一个问题相关的问题,非常多.另外,就是解决这个问题,不是普通的咨询,已经参与到写代码.单步跟踪.QQ语音.QQ远

ASP.NET MVC5 中百度ueditor富文本编辑器的使用

随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor,另一种是ueditor的迷你版umeditor. 一.我们先讲完全版的ueditor. 1.建立数据模型. 2.建立对应的控制器和视图. 3.访问http://ueditor.baidu.com/website/download.html 进入开发版的下载页面,下载.net UTF-8版本,现在最新

百度Ueditor多图片上传控件

发现百度的Ueditor富文本编辑器中的多图片上传控件很不错,于是便想着分享出来使用,费了老劲,少不了无名朋友的帮助,也查了不少资料,终于搞定了 发代码给大家,请大家多多指正 1.首先要在html页面中添加对ueditor的脚本引用 <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="../public/ue

asp.net mvc5 使用百度ueditor 本编辑器

最近做一个项目,用到了百度ueditor富文本编辑器,功能强大,在线编辑文档,上传图片视频.附件. 1.访问http://ueditor.baidu.com/website/download.html 进入开发版的下载页面,下载.net UTF-8版本,现在最新的是1.43版. 2.下载后解压,将文件夹更名为ueditor,则ueditor文件夹里面就是原程序. 3.将此ueditor文件夹复制到自己MVC项目的Content文件中. 4.在项目中Model 文件夹中建立 文章 模型,注意如果要

百度Ueditor编辑器的使用

百度Ueditor编辑器  开发版  PHP 在thinkphp中的Index/index.html文件代码: 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="Co