最新文章

最热文章

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

解决tinymce编辑器前端页面代码高亮的CSS和JS配置问题

张建行 2020年3月29日 21:28 21 文章标签： Django Python Prism 富文本部署

解决tinymce编辑器前端页面代码高亮的CSS和JS配置问题

tinymce 用的代码高亮效果是Prism

Prism (prismjs.com)官网

点击download按钮

在这里插入图片描述

可以选择支持的语言，为了方便可以选择所有

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7F8JbAUy-1652452215738)(file:///C:/Users/guish/AppData/Roaming/marktext/images/2022-05-13-17-02-24-截图_20220513170205.png?msec=1652432549068)]

选择完支持的语言之后，可以在最下方点击下载CSS和jS

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4fbBx82Y-1652452215739)(file://C:\Users\guish\AppData\Roaming\marktext\images\2022-05-13-17-03-10-截图_20220513170248.png?msec=1652432590994)]$

在要显示代码高亮效果的前端HTML文件上添加下载好的CSS和JS

静态文件的地址可以自己进行配置

<head>
   <link rel="stylesheet" type="text/css" href="/static/css/prism.css">
   <script src="/static/js/prism.js"></script>
</head>

<上一篇

下一篇>

解决tinymce编辑器 前端页面代码高亮的CSS和JS配置问题

tinymce 用的代码高亮效果是Prism

点击download按钮

可以选择支持的语言，为了方便可以选择所有

选择完支持的语言之后，可以在最下方点击下载CSS和jS

在要显示代码高亮效果的前端HTML文件上添加下载好的CSS和JS

解决tinymce编辑器前端页面代码高亮的CSS和JS配置问题