论坛的编辑器美化！

ysx24 · 發表於 2024-4-18 22:26:40

采用Icon方式而非图片，图标清晰度远远超过图片，编辑器图标可以做到高清
以默认模板为例：解压覆盖到
/template/default/common/目录下

2、一些极少数第三方模板可能需要修改editor.css文件里的路径，大概在483到484行左右
具体位置看图

本帖, 最后, ysx24, 2024-4-19, 编辑

阿鹏 · 發表於 2024-4-18 22:28:21

学习学习

pcyi · 發表於 2024-4-19 08:36:13

这么看更高级了一点~

八八 · 發表於 2024-4-19 08:51:05

好东西，学习了

鸿茂传媒 · 發表於 2024-4-19 09:04:41

帮顶一下

天外飘仙 · 發表於 2024-4-19 09:39:11

这是个好东西

天外飘仙 · 發表於 2024-4-19 10:01:43

测了一下, 有bug;
截图202404191001385063.jpg

ysx24 · 發表於 2024-4-19 10:33:47

发现了，我一直使用高级模式所以一直未发现，看到你帖子后我也测了下高级模式一切正常，常用模式下因为文字未隐藏导致和图标重叠
这个我也不知道怎么办，看哪个大佬攻略了
我正在与原来自带的editor.css做对比尝试找出问题

天外飘仙 · 發表於 2024-4-19 11:31:10

简洁模式还用原来的图标就显得大了;

还重新写简洁模式的css 进行覆盖了……
文字的话用 text-indent属性偏移隐藏;

另外这套图标的颜色能亮一点就好了……

ysx24 · 發表於 2024-4-19 12:15:49

常用模式下确实有问题，技术原因我处理特费劲，看谁能分享下处理后的css吧
暂时最好的办法就是不用常用(简洁)模式

[教程] 论坛的编辑器美化！