外观
vditor使用
因为官方的vditor 文档更面向开发者,这里写一份关于vditor的面相用户的使用文档,大家可以感受到vditor的强大方便之处。同时vditor 仍然是一个正在发展的活跃项目,相信是会迭代的越来越好用的。
这里有我的博客关于vditor支持的语法一份演示,可以点击查看vditor官网演示效果
vditor后台编辑器 有什么亮点
首先typecho 本身的markdown解析器非常简陋,1.0版本不支持表格,最新版本也不支持todo 之类的语法,而vditor 就很好的弥补了这个问题,几乎支持了所有的markdown语法,如脑图、mathjax
而且在Handsome插件的配合下,支持复制上传图片、拖拽上传图片、复制的文字中包含外链支持自动上传到服务器上并替换地址(需要在Handsome插件设置里面开启)
如果Handsome插件里面启用了vditor.js 解析,前端的解析也可以获得与后台一致的解析。
vditor还提供很多有用方便的功能,比如直接输入常用的视频网站的地址,就可以直接解析成视频播放,比如朗读功能
vditor的外部功能的加载是文章中有使用才会动态加载,所以如果简单的文本,加载的外部js也很少
丰富的快捷键非常适合在线编辑,对表格的可视化编辑都是很好的特性
此外,vditor作为一个非常活跃的发展中开源项目,虽然还有一些小问题,如果你喜欢,可以在Handsome插件里面选择vditor编辑器,如果不喜欢也没关系,Handsome插件可以继续使用typecho自带的编辑器或者其他的编辑器。(typecho 1.2 开发版本的编辑器支持复制上传图片了)
个人比较喜欢vditor编辑器。
vditor.js 前台解析 有什么特点
能够和后台编辑器显示效果完全一致,而且支持解析更多的markdown语法,
比如todo(type cho自带解析器也可以通过安装第三方的markdown解析插件来实现)、脑图、文章直接粘贴第三方视频网站的(如bilibili)地址就能直接解析出视频,朗读,代码高亮支持复制。
这些功能如果对于你来说可有可无,那推荐使用type cho原生的方式解析,速度更快一些。
如果对markdown解析不要求特别复杂的功能(比如脑图之类),前台解析可以使用type cho自带的解析器 就能满足(主题自带了mathjax和代码高亮),而且对其他插件兼容性更好。后台的编辑器则可以根据个人需要进行选择,选择vditor编辑器或者type cho自带的编辑器。
个人比较喜欢原生解析器,因为我用的语法比较少,todo 语法也很少用
这里是我的博客中使用vditor.js 前台解析的示例问题: https://www.ihewro.com/archives/1115/