您现在的位置是:首页 > 技术交流技术交流
Ueditor开启代码高亮设置
2018-11-30【技术交流】2036 人已围观
简介 ueditor在网站后台常用的富文本编辑器。html代码在后台编辑器内输入文本框后前台想要完整的展现出来一真是个问题。百...
ueditor在网站后台常用的富文本编辑器。html代码在后台编辑器内输入文本框后 前台想要完整的展现出来一真是个问题。百度ueditor1.4.3原本有这样的插件整合着,我们设置一下就可以开启
先看看效果图
后台原代码不用改动,如何调用百度ueditor按文档原样子调用
前台需要如下图调用百度第三方目录的代码高亮设置
shCoreDefault.css是代码高亮的样式,可以修改自己喜欢的样式
网站很多文章没有上面4和6的步骤。
有可能他们是从代码高亮官网直接下载的SyncaxHighlighter插件,然后调用。 百度ueditor前台显示的content是经过处理的,必须使用uParse函数进行二次处理后显示。
/*这是网上许多的教程代码,这是不够的,这些都没有自己尝试过,从其他文章复制过来的代码*/
<script type="text/javascript" src="/Public/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" href="/Public/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"> <script type="text/javascript"> SyntaxHighlighter.all(); </script>
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
相关文章
随机图文
dedecms5.7生成文件时提示“模板文件不存在,无法解析”的解决方法
dedecms是一个非常经典的cms系统,并且开源很多做网站的人都喜欢用他,那么在网站生成文件的时候,出现错误提示“模板文件不存在,无法解析...建站小插件推荐:图片放大缩小zoomerang.js
Zoomerang.js是一款非常实用的HTML DOM元素放大缩小js特效插件。它可以将页面上的任何元素进行放大缩小。当某个元素处于Zoo...ThinkPhp 自动验证 为什么会出现 “非法数据对象!"
ThinkPhp自动验证为什么会出现“非法数据对象!”这也是个奇怪的问题,新手尝试tp总是会遇到一些莫名其妙的问题。 今天小编就遇到了这样...Waiting (TTFB) 时间超长是什么原因
有时网站打开很慢,浏览器先是一片空白.加载几十秒后才会完整显示.通过F12网站开发者工具发现Waiting (TTFB)加载时间最长.一...