Ueditor代码高亮-创新互联

  在浏览一些技术博客时,你会发现博文中的代码会有很美观的显示效果,这些效果通常不是博主自己手写的css样式达到的,而是利用富文本编辑器实现。

我们提供的服务有:成都网站设计、网站建设、微信公众号开发、网站优化、网站认证、余江ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的余江网站制作公司

   以下讲解以下使用Ueditor达到代码高亮的效果:

   1.在录入文章时,先选中你希望高亮显示的文本内容,然后点击编辑器工具栏的"代码语言"选框,选择相应的语言,这时你会发现文本中被选中的部分已经高亮展示了,操作完成,保存录入的内容;

Ueditor代码高亮

   2.在前台展示文章页头部引入Ueditor自带的一个js和css文件

ueditor/third-party/SyntaxHighlighter/shCore.js
ueditor/third-party/SyntaxHighlighter/shCoreDefault.css

刷新页面,代码的高亮效果就有了。

本文出自 “咚呱呱” 博客,请务必保留此出处http://blog.dongguagua.com/Index/detail/Id/8.html

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


文章标题:Ueditor代码高亮-创新互联
URL分享:http://myzitong.com/article/dicjdh.html