吐槽下CSDN编辑器

Perface

最近喜欢上了markdown，我觉得它就是一些HTML标签的快捷键，用一些符号来代替标签，易学易读易用，何乐而不为呢？最近也喜欢用印象笔记来让我的记忆永存，确实它强大的收集能力让我迷上了，在微信微博网页邮箱等领域都有途径保存到印象笔记中，它对markdown也是支持的，我在chrome安装了马克飞象的插件，可以一边写markdown，一边预览。把一篇笔记完成后，我可以点击保存到印象笔记中。

History

下面是我之前写blog的过程

1. 对于一个前端，我比较喜欢可以用我前端技术自定义我的界面，所以我用的源代码模式，还有就是HTML的语义化，因为你可以在源代码中写标签，比如<h3>表示标题、<p>表示段落等标签；但是在可视化编辑界面你是不能选择你的标签的，该编辑器帮你自动生成；
2. 源代码模式惨就惨在你每次都要写< >,写到你烦；
3. 图文并茂的博客所讲的内容比较容易让人理解的，但是要嵌入图片的时候，我一般有四部曲截图 -> 放在桌面 -> 选择并上传 -> 插入，大家有没更快的方法啊，求教啊；
4. 随便写一篇博客都要2个小时左右，我觉得真的浪费太多时间，但是最少三分之一的时间是用来该文章的样式，比如说字体、背景、图片的边框等等！

Idea

综上所述，最近我就想用markdown写博客，来提高我的个人效率，我没必要去纠结那些样式的问题，我要专注的是我博客内容的质量。

Truth

但是CSDN编辑器对我say no

1. csdn编辑器不支持代码高亮或者代码填充

影响：

 我每次都是要敲每个标签，特别是< >这两个符号。没有高亮，我觉得每个标签都是一样，很容易看错，还好它有格式化，不然会更乱。

原因：我觉得没实现这个功能的原因可能是毕竟写博客的人不都是前端的，就没必要实现把这个编辑器做得那么完美

解决方法：既然没实现代码高亮和补全，我可以去别的编辑器上写，比如在Sublime Text先做好再来复制粘贴到源代码模式

2. csdn编辑器不支持markdown

影响：

 确实有点失望吧

原因：想不出来它为什么不支持，连github/stackoverflow都支持了

解决方法：我可以用一些软件把markdown转换成HTML，在复制粘贴上去。想想是美好的，但是现实呢？下面就是问题所在了

3. csdn编辑器不支持用style标签

影响：

 这个对我的影响是最大的，因为上面转换成HTML后，它是有链接css路径的，也就是说有类选择器，id选择器，元素选择器等，但是因为不能用style标签，就不能再里面写各种选择器了。如果你要设置元素的样式的话，就只能在元素的style属性里面设置，但是这样代码太冗余了，表现跟结构严重耦合，样式的重用性不高。

原因：可能是怕我嵌入的style标签中设置的元素选择器影响到页面的其他相同元素吧

解决方法：对我来说，我没有解决方法。