效果极佳的 CodeMirror Option(所见所得)插件

效果极佳的 CodeMirror Option(所见所得)插件。


己初步汉化,文件包详见QQ群文件。

4 个赞

所见即所得效果很不错,但对图片的渲染可能会失败,
QQ截图20211024230043

查看代码发现不支持http开头的图床地址,修改插件目录下的main.js代码 如图添加http即可完美。

1 个赞

codemirror 这个插件,有两个痛点没解决,这一直让我下不去手:

  1. ozan插件图片预览,是可以同时显示图片文件名和图片,但code mirror 只显示图片而不是显示图片文件名。 可惜。

  2. mirror option 的插件编辑区的预览 h1 到 h6标题,只是把#隐藏掉,但之前有个css snippet,是把##替换成H2这样的字样,相比之前后者这更加直观。

要是后面codemirror能对这两名进行优化就更好了

用了一段时间了,CodeMirror Option 完美解决了我的一个痛点:把大量的链接简化了。
现在可以慢慢等官方的所见即所得了。 :rofl:

1 个赞

我简单修改了下 可以实现鼠标放图片上 自动显示图片名称

//根据url获取图片名称
	  imgname= url.match(/\/(\w+\.(?:png|jpg|gif|bmp))/i)[1];
      title = mat[2] ? mat[2] : imgname;
1 个赞

关于第二个问题,我在少数派的评论区看到一个解决方法,可以使Code Mirror和snippet共用。

就是把snippet css里的width:0; 改为 width:1.6em;

就可以兼容了