ueditor 编辑器增加css样式_ueditor编辑器实现语法高亮
ueditor编辑器实现语法高亮
本站前期采用的是dreamlu开源博客搭建,网站后台编辑器采用的是百度ueditor富文本编辑器。在我的迭代改进时,在编辑器上还采用了这一编辑器,不过一直以来发现后台虽然有语法高亮模块,但前台显示的页面显示的时候并没有实现这一个功能。所以趁着周末来找一下原因并将解决过程中的相关问题记录一下,以方便有同样需要的朋友。
前台没有能正常语法高亮的原因是没有引入语法高亮相关的脚本及样式。通过万能的GOOGLE,知道了解决的办法.解决办法就是在页面代码里添加相关的脚本及样式表,ueditor采用的是SyntaxHighlighter来实现,所以需要在页面中添加如下代码就可以解决这一问题:
SyntaxHighlighter.all();
添加如上代码后,配置好的代码片断就可以高亮显示了。不过这里面还存在个小问题,那就是如果代码行过长的话,会溢出当前的正文,产生错行的现象,对整体形象产生非常不好的影响,所以还得解决一下这个问题。我又在网上搜一下相关的解决方案,这个问题有人遇到并解决了(http://mo2g.com/view/60/)。解决办法就是改一下对应的CSS样式表。我就按照着文档修改一下,但没有达到预期的效果,后来干脆直接使用对方的相关脚本和样式表,替换了原来的脚本和样式表后,果然完美解决这个问题。特意记录一下,另外如果大家在使用ueditor的过程中也遇到了这个问题,也可以采用同样的办法看看是不是能解决问题。
ueditor 编辑器增加css样式_ueditor编辑器实现语法高亮相关推荐
- ueditor 编辑器增加css样式_Web入侵之利用编辑器漏洞入侵
Web入侵之利用编辑器漏洞入侵 Ewebeditor漏洞详细可参考:https://www.0dayhack.com/post-426.html 1.常见的编辑器 常见的有Ewebeditor,fck ...
- ueditor 编辑器增加css样式_百度编辑器(uedtior)怎么更换样式文件
我们肯定经常要对编辑器做二次开发,对编辑器主题皮肤的修改就是最简单的修改.下面说下怎么修改. 编辑器初始化里面根本没有在页面里面引入css样式文件. 而只引入了js文件,那是怎么引入的呢? 查看 ue ...
- html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
- CSS样式添加及基础语法------借鉴w3shool.com.cn
一.添加样式的三种方式 1.外部样式表 在<head>标签中添加<link>标签 <link rel="stylesheet" type=" ...
- php html5 css样式,怎么在html页面写css样式表
本教程操作环境:windows7系统.html5和css3版,该方法适用于所有品牌电脑. 在html页面写css样式表 1.首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css ...
- jquery拼接后css样式不生效_JQuery常用选择器以及操作属性和样式的方法介绍
JQuery日常操作有选择器,获取和操作属性,css样式,文本等等,下面是一些常用的操作,代码以图片形式(哈哈,其实还是我懒,大神别喷我,我还是渣渣),就是一些日常的学习笔记 JQuery中的属性选择 ...
- JavaScript正则表达式给html字符串的img标签增加style样式
平时我们使用正则表达式更多的是提取.过滤等,比如提取html字符串中的图片呀等等,而最近遇到的一个问题是要给html字符串中的img标签增加style样式,就想到了使用正则表达式,主要是对正则表达式的 ...
- html字符串img添加style,js 匹配 img标签 增加 style样式
给img标签增加 style样式: 1.如果img 标签没有style 就先添加style标签 2.添加标签后统一再添加style样式 function imgTagAddStyle (htmlstr ...
- Html基本标签与CSS样式基本使用
一.HTML语言 1.什么是HTML语言 HTML(英文Hyper Text Markup Language的缩写)中文译为"超文本标签语言",主要是通过HTML标签对网页中的文本 ...
最新文章
- java list 自定义类型转换_java – 可以从List生成平面XML结构的XStream自定义转换器?...
- max(min)-device-width和max(min)-width的区别
- linux 协议栈之socket,Linux协议栈之BSD和INET socket层(一)
- mysql报错无效默认值1067_Mysql 报错:#1067 - Invalid default value for 'update_time
- how tomcat works(第17章: 启动Tomcat)
- 计算机网络_第7版_谢希仁_目录
- rman report 命令
- android xutils数据库操作,XUtils3.0之本地数据库操作
- 【WebRTC---入门篇】(十三)WebRTC音视频数据采集
- LeetCode 151. 翻转字符串里的单词(栈)
- 5月21日伦敦见!荣耀20官宣:P30“同款”ToF镜头加持?
- lan pci 联想开机_我的联想电脑开机老显示DHCP
- 语音识别(Web Speech API)
- 复变函数在计算机科学中的应用,复变函数的应用以及发展史.doc
- 印第安纳大学计算机与信息学院,印第安纳大学伯明顿分校管理信息系统(MIS)专业详解...
- CKFinder baseDir 和 baseURL参数解释
- 【Codeforces】School Regional Team Contest, Saratov, 2011
- 苹果iOS APP签名教程
- python sklearn K-Mearns---实例——消费水平
- EV录屏怎么把自己的摄像头放进去,摄像头好的,但是人像很花,看不清人脸