百度ueditor编辑器代码高亮

最新文章

最热文章

自定义修改blockquote标签，快引用的CSS样式

Animate 强大的跨平台的预设css3动画库

Nginx配置文件 Nginx- uwsgi 部署Django项目

绕过自动化检测：使用undetected_chromedriver实现高效Web自动化

使用 Playwright 和 Stealth 模式绕过网站检测

破解cloudflare验证&部署服务器

利用 DrissionPage 绕过cloudflare验证

文章归档

Django 用户认证用户邮箱登录邮箱注册 ORM or,and,not form.py FORM ModelForm Paginator 分页 HTMl JQuery 定位元素 ajax django切片 restfulapi 跨域 Ubantu Python Mysql Scrapy 爬虫导出 Python读写 Pycharm 破解 session re sqlit3 生成式其他 Prism 富文本 CSS Nginx 部署请求头抓包协议 selenium Ubuntu 宝塔 AI Comfy-ui ollama dify open-webui Git docker

百度ueditor编辑器代码高亮

张建行 2018年8月12日 06:12 82 文章标签： Django Prism 富文本

百度的ueditor是国内比较好用的富文本编辑器；
这里要讲解的是ueditor中一个很小的功能：
代码高亮；
对于我们这些写个博客三句不离代码的码农们来说；
能看到段高亮的代码那欣喜是无以言表的；
没图我说个。。；
上图；
以上篇文章为例；
示例环境：ueditor1.4.3
未高亮的代码：

代码高亮后：

如此大的反差；
就不废话再吹嘘它的优美了；
重点来说使用ueditor如何代码高亮；
很简单；
但是很多人都不知道这个功能；
或者是不知道怎么用；
首先在编辑文章的时候选择对应的代码语言；

然后在文章展示页面的head头内引入

HTML

<script type="text/javascript" src="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCore.js"></script><link rel="stylesheet" href="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCoreDefault.css"><script type="text/javascript">SyntaxHighlighter.all();</script>

自行调整自己实际项目中的路径即可；

<上一篇

下一篇>