您现在的位置是:首页 > cms教程 > 帝国CMS教程帝国CMS教程
帝国cms自带ckeditor编辑器代码高亮的方法codesnippet风格
张津广2023-06-11 00:14:40帝国CMS教程已有599人查阅
导读无意中看到别人家的博客代码高亮非常漂亮,如下图所示,Mac OS风格,查阅资料为Pure Highlightjs,是WordPress插件。
关于ckeditor安装codesnippet高亮插件网上教程很多,本篇不再赘述,小伙伴们可自行查阅资料安装。 一、对比两个插件生成的高亮html代码
1、codesnippet生成的高亮Html代码 2、**c风格主题Pure Highlightjs生成的高亮Html代码 对比之下发现,Pure Highlightjs生成的高亮代码中,pre标签多了pure-highlightjs line-numbers language-*这三个class。
二、动手改造找到e/admin/ecmseditor/infoeditor/plugins/codesnippet目录下plugin.js修改
1、给template加上这三个class 2、修改 data函数,更新代码时,同时修改pre标签的language-* class 3、修改upcast函数,提交代码时,添加pre的language-* 4、修改downcast函数 三、加入Pure Highlightjs的js和样式文件
涉及到的js和css文件:pri**.js,**c.css,clipboard.min.js,需要的小伙伴可以直接从本博客代码中获取
本文标签:
很赞哦! (1)
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
帝国CMS实现调用一周之内信息的功能
调用一周之内的信息,如果本周内某天没有发布信息,调用上周的信息:帝国CMS整合ueditor 1.4.3百度编辑器的方法
帝国CMS7.5终于更新了自带的后台编辑器,但功能还是太少且很多地方有问题,所以很多人还是愿意用帝国CMS7.5整合了ueditor 1.4.3百度编辑器 UTF-8版本帝国CMS怎么禁止内容图片和链接中的alt与title替换成关键词
此禁止内容图片和链接中的alt与title替换成关键词的方法仅限于系统设置了替换次数,如果你系统设置中设置的替换成1次,2次,只要不是0帝国CMS模板调用归档信息的方法,帝国cms归档信息的作用
帝国CMS的“归档”相当于“回收站”的功能,我们在实际运营的时候难免要删除一些信息,但是又不想真实的从数据库删除,这个时候就要用的归档了!我们可以把信息归档以便日后恢复!
留言与评论 (共有 0 条评论) |