CSDN 富文本编辑器的优化建议（1）

写在前面：大家好~ 我是柠檬叶子C，今天是我在 C 站1000 天创作纪念日！在这些日子里，我累计发布了 230 篇博客，这些博客无一例外都是用 C 站的 “富文本编辑器” 创作的。

我用 C 站富文本编辑器快三年了，作为 “用户” 角度，我一直想给 “富文本编辑器” 提供些许意见。就在几天前，我和邹老师谈论了富文本编辑器的话题，邹老师建议我写几篇针对C 站富文本编辑器优化建议的博客，我作为富文本编辑器的忠实爱好者，深感荣幸！由于我的想法较多，我打算出一个 “系列”，针对C 站目前版本的富文本编辑器提供一些有体系的、有建设性的建议。这是本系列的第一篇文章，我将谈谈我为什么喜欢用富文本编辑器，以及能否让 富文本编辑器也支持”内联代码片” 功能，字体功能的提议。 这些优化意见仅个人以 “用户” 角度提出的看法，需求不合理之处还请见谅，希望能向官方提供出一些富有建设性的参考意见。

你喜欢 C 站哪种编辑器？欢迎文末投票！

❓ 首先：我为什么喜欢用富文本编辑器？

在 C 站用 Markdown编辑器的用户，应该比用富文本编辑器的用户多得多 ~

所以，不少点进来的朋友可能会有这样的疑问 —— Markdown编辑器不香吗？用什么富文本？

我的朋友知道我博客居然都是用富文本写的，都感到十分惊讶：

首先，不得不承认Markdown 编辑器确实好！因为有语法，所以非常的精妙准确，更加专业！

但是我选择富文本编辑器的原因，只是因为喜欢那种”所见即所得” 的感觉……

” 所 见 即 所 得 “

这五个字是对富文本编辑器的描述，是我当年在 C 站”创作中心” 选默认编辑器的页面时看到的。

我极度追求文章的排版，为了能让读者有更好地阅读体验，我对博客排版的优化做了不少努力。

得益于富文本编辑器的 “所见即所得” 的特性，在写文章时，我能够及时地控制文章的排版。

我甚至会控制文章每一行的行数，尽量不去出现 “折行”，我希望能像读 “诗歌”一样读博客。

如果你现在用的是 APP 阅读，感兴趣的朋友可以在网页端读一读我的 Linux专栏，感受”排版” 。

这里贴上一张截图：

正因如此，有不少朋友说我的博客读起来很舒服（当然我不能保证所有人都喜欢这种排版风格）

至少我是非常喜欢的！我读我自己博客的时候会很舒服，我没事就会读自己写的博客。

所以为了能在写博客的时候，能够 及时地 感受到这种 “感觉”，我能及时控制排版，

我选择富文本编辑器，因为这种 “所见即所得” ！

意见一：让富文本编辑器也支持 “内联代码片” 功能？

我是柠檬叶子C，我很酸！我很羡慕 MD 编辑器的`内联代码片` 功能！

C 站文章中，以浅红色为背景，Console 字体（似乎）的红字就是 内联代码片，如下所示：

在文章中是这样的，这很常见：（截自我的好朋友 ——盼小辉丶的文章）

这是 MD 编辑器的内联代码片功能，这是富文本编辑器无法享有的……

这个 “内联代码片” 想必大家都用过，在 MD 中只需要 ` ` 就可以了：

但是富文本编辑器没有！这也一度让我想放弃使用富文本编辑器，转而使用 MD 编辑器。

” 我们富文本编辑器也很想拥有漂亮的内联代码片！ “

没有其实很正常，但是有没有办法能让 富文本编辑器 也能拥有 “内联代码片” 功能呢？

如果经常读我文章的朋友应该能发现，似乎我的文章里好像也出现了这种 “内联代码片” ：

实际上，这是我在富文本编辑器里，费了老大劲，手动 “做” 出来的：

选中一段文字，通过改颜色和背景，能达到差不多的效果：

cur=cur->_right

但是字体好像还差点意思，MD 编辑器的 “内联代码块” 似乎不是这种字体，是这样的：

我们只需要从其它网页复制一下这种字体就可以了，其实 C 站富文本编辑器是支持其他字体的。

（这也是我想提的意见之一，既然支持其他字体，为什么不能有一个 “字体” 栏供大家选择呢）

我们只需要从其他地方复制这种字体，然后粘贴到编辑器，再删除前面的内容，

此时再输入，就能打出这种字体了，就像这样：

cur=cur->_right

这个字体就不同于默认的字体！应该是 Console 字体。

然后我们在给它颜色改为 红色 (FE2C24)，背景改为 浅红 (FEF2F0) ：

cur_cur->right

这样就有差不多的效果了！（这里我甚至都给上色号了，方便官方技术人员看）

我们来做个对比，为了也能拥有好看的 “内联代码块” 我真的是尽力了：

为了方便在文章中能够使用，我在文章模板里都存了这些字体，放在文章开头便于我取用：

需要用的时候，就直接复制，然后粘贴（粘贴前记得多个空格在后面，要留好默认字体，

否则之后一直都会保持该字体形式），这一段区域（- 后空格前）就能打出这种字体了，

最后再把 – 删掉即可：

–

-fopen()

fopen()

fopen()

这是我用了三年 C 站富文本编辑器，第三年才发现的方法，作为一个用户，我真的尽力了……

但是有时候，重新编辑文章，这种字体可能会直接失效！所以我一般发布前再按照这种方法手动字

体，但是如果文章有错误不得不修改文章，那字体可能就挂了，只剩颜色和背景了：

fopen()

其实我这种方式属于是 “投机取巧” 地利用了一些特性搞出来的…… 真的挺不容易！

C 站策划可否想办法在富文本编辑器中加入 内联代码块 功能？这里有我的一些可能可行的想法：

①运用一些特殊符号（哪怕在编辑状态下看不到效果），保存草稿生成文章后，能够编译生成 MD 编辑器形式的内联代码块？

② 如果这样做不到，那能不能出一个 GUI 界面？放在编辑器的 工具栏中：

用户只需要点击，可以弹出一个 GUI 窗口，就像点击 链接 按钮后，出现的这样的窗口：

就像这样：

（……这是我 直接 F11 修改审查元素，纯属自娱自乐，幻想出来的效果，哈哈哈哈哈）

意见二：富文本编辑器能否加入字体功能？

既然是富文本编辑器，并且目前的富文本编辑器，本身就支持其他字体。

只需要从其他网站拷贝，然后粘贴即可，效果如下：

scipy.spatial.Delaunay

1234567890 ￥！@#￥￥%……&*（）$$

Crazy Thursday! V me 50 i wanna eat KFC!

for i in range(10,20) !@#$%%^&*()_+￥

1234567890

...

既然支持，那能否加一个 “字体” 功能放到工具栏中呢？就像这样：

好了，就说到这里！

下一篇我将对 “公式” 功能展开详细探讨！前段时间富文本编辑器的公式编辑器功能出 BUG 了。

现在遗留了挺多问题的，我会针对 富文本编辑器公式编辑器的现存问题进行探讨……

​

 [ 笔者 ] 王亦优 [ 更新 ] 2023.6.1❌ [ 勘误 ] /* 暂无 */ [ 声明 ] 由于作者水平有限，本文有错误和不准确之处在所难免，本人也很想知道这些错误，恳望读者批评指正！