(11) 修改ueditor 插入代码时的样式

在csdn插入代码时是跳出一个弹出框，黑底白色，非常清楚，在ueditor这里，底色是非常浅的灰色，不仔细看都看不出有底色，所以想，做出弹出框估计比较麻烦，改成黑底白色应该简单些。

在网上搜了下，发现修改还是比较容易的。

然后寻找可以修改样式的地方，在 _src\plugins\insertcode.js 文件，

将

utils.cssRule("pre","pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f8f8f8;}",me.document);

改为

utils.cssRule("pre","pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:black;color:white;}",me.document);

然后用 grunt default 进行构建，在dist文件夹生成了 utf8-php\ueditor.all.js 这个文件，

然后把这个文件复制到项目中，把引用ueditor.all.min.js 改成引用现在的ueditor.all.js，重启项目。

可以看到，样式变成了黑底白字。

有没有注意到图片中插入代码的下拉框被我移动到了首行第二个位置，

那是在lib\ueditor\ueditor.config.js这里修改的。

将insertcode从后面移动到了前面。

(11) 修改ueditor 插入代码时的样式相关推荐

vs2019修改代码时覆盖和插入设置
系列文章目录文章目录系列文章目录前言一.解决 1.最开始打开[VS]就可以单击菜单栏[GIT]下的[设置] 2.然后就可以看到[文本编辑器]单击按下 3.右边看到插入和覆盖,勾选上方法2: ...
vs 添加快捷键 | 修改快捷键、添加注释、添加快速插入代码(使用#if 0 注释)
文章目录添加注释工具快捷键自定义命令快捷键添加注释工具图标使用`#if 0`代替块注释为什么使用#if 0注释添加插入外侧代码工具使用快捷工具进行 #if 0 注释添加注释工具快捷键 ...
kindeditor4.1.11版自定义插入网络视频代码(支持哔哩、优酷、爱奇艺、土豆、腾讯视频、56等视频网站)
kindeditor4.1.11版自定义插入网络视频代码(支持哔哩.优酷.爱奇艺.土豆.腾讯视频.56等视频网站) 看了几篇和下载过别人修改的版本,都测试了,结果很失望,最后自己修改,得到了想要的结果 ...
idea中往数据库插入中文时出现问号，修改中文时无法修改，或查询中文时查询不出来
问题:idea中往数据库插入中文时出现问号,修改中文时无法修改,或查询中文时查询不出来解决办法: 1.找到资源目录下的链接数据库的配置文件 2.在url的value值后面加上: useUnicode ...
x-http-wrapper: 如何解决每次发版时，修改http相关代码造成的错误！(Android、iOS、h5)...
其实是我做了个开源工具(^__^),拿出来给大家鉴赏下,欢迎大家提意见项目:github.com/xuyt11/x-ht- 欢迎关注和star . 功能:这是一个http相关代码的创建工具. 现在我 ...
Xcode 修改系统的代码块样式 Code Snippet
Xcode在编码的时候,系统代码块给我们提供了很大的便利.然而,有时候,也给我们带来很大的困扰. 例如,系统的 if 代码块,大括号是紧跟括号之后的. 但是现在呢,公司的代码规范是要求另起一行. ...
伪类如何动态在html设置样式,用js实现before和after伪类的样式修改的示例代码
本文介绍了使用javascript,jQuery实现修改before,after伪类的样式,分享给大家,具体如下: 最近遇到一个需要改变:before,:after 伪类的样式,发现css中并不能直接 ...
插入参考文献时杂志缩写名字混乱问题一次解决 - 修改style是没用的
问题来源这个问题最初是在实验室的老人们毕业时出现的,毕业论文写好了,交到导师那,被打回来,杂志名字的缩写不统一,有简写,有全称,简写有的加点了,有的没加.然后就是一顿核对.修改,怪自己太相信Endn ...
eplan部件列表手动修改_EPLAN如何修改设备标示符规则，当插入元件时不显示设备标示符前的“-”号，每次删除很麻烦！...
点击查看EPLAN如何修改设备标示符规则,当插入元件时不显示设备标示符前的"-"号,每次删除很麻烦!具体信息答:点击"选项"-"设置"-& ...

(11) 修改ueditor 插入代码时的样式

(11) 修改ueditor 插入代码时的样式相关推荐

最新文章

热门文章