(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从后面移动到了前面。