爱意满满的作品展示区。
yzhen123

vscode 秒变 所见即所得 markdown 编辑器

  •  2
     
  •   yzhen123 · Apr 8, 2021 · 7003 views
    This topic created in 2038 days ago, the information mentioned may be changed or developed.

    最近写了一些 markdown, 在 vscode 上感觉一般的纯文本文档写起来还是比较舒服的,但是如果有表格编辑起来就比较麻烦了,排版很困难,于是想起了最近很多基于 electron/nwjs 的所见即所得的 markdown 编辑器,比如 typora, marktext 等等, 如果在 vscode 中实现类似功能编辑起来就很方便了。

    于是便写了这个插件:

    插件地址: https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor

    源码地址: https://github.com/zaaack/vscode-markdown-editor

    基于强大 vditor 项目,vscode 端并不需要多少代码即可拥有众多 feature:

    • 可视化编辑 markdown
    • 图片上传 /粘贴
    • 黑暗模式, 多种代码高亮样式
    • 大纲、数学公式、脑图、图表、流程图、甘特图、时序图、五线谱、多媒体、语音阅读、标题锚点、代码高亮及复制、graphviz 渲染、plantumlUML 图
    • ...
    25 replies  •  2022-05-05 09:24:57 +08:00
    pi1ot
    pi1ot
    Apr 8, 2021
    1
    建议设计一个插件图标
    leewi9coder
    leewi9coder
    Apr 8, 2021
    2
    有 TOC 列表吗
    yzhen123
    yzhen123
    OP
    Apr 8, 2021
    3
    @leewi9coder 有大纲功能
    leewi9coder
    leewi9coder
    Apr 8, 2021
    4
    太棒了,加油,早就受够了 typora,我看好你哦
    SenLief
    SenLief
    Apr 8, 2021 via Android
    5
    为何不用为知的插件,还能多人协作以及同步。
    whileFalse
    whileFalse
    Apr 8, 2021
    6
    刚下载了 请问怎么启用该功能?我直接打开了一个 md 文件,但并没有图标栏和所见即所得。
    CallMeReznov
    CallMeReznov
    Apr 8, 2021
    7
    安装了,但不知道为什么背景是这样个情况.



    另外可否像 RUN CODE 插件以上直接在右上角提供一个按钮,可以快捷启动
    yzhen123
    yzhen123
    OP
    Apr 8, 2021
    8
    @whileFalse 打开一个 markdown 文档,然后 `ctrl-shift-p` 进入命令模式, 然后输入 `markdown-editor: Start markdown editor` 执行命令即可打开
    yzhen123
    yzhen123
    OP
    Apr 8, 2021
    9
    @CallMeReznov 可以在右上角菜单切换「内容主题预览」选择 light 试试
    CallMeReznov
    CallMeReznov
    Apr 8, 2021
    10
    @yzhen123 #9
    可以了 ,为什么我这里默认是这种,难道是跟着 VSC 的默认皮肤风格走的?
    yzhen123
    yzhen123
    OP
    Apr 8, 2021
    11
    @CallMeReznov 默认是黑色的,可能是 bug, 我再看看
    yzhen123
    yzhen123
    OP
    Apr 8, 2021
    12
    @CallMeReznov 1. 现在 dark mode 应该好了 2.右上角模式加的按钮感觉有点多,暂时先加了资源管理器-右键菜单-Open markdown editor
    xuanyuanaosheng
    xuanyuanaosheng
    Apr 9, 2021 via Android
    13
    支持一波
    NiMing2546
    NiMing2546
    Apr 9, 2021
    14
    支持,正好需要
    echowuhao
    echowuhao
    Apr 9, 2021 via Android
    15
    不知道什么时候安装了 veditor 强制所有 md 没找到怎么显示原始文本 搞的我卸载了
    lozzow
    lozzow
    Apr 13, 2021
    16
    希望支持图片上传和显示外链图片
    ZackKing
    ZackKing
    Apr 13, 2021
    17
    如果支持 mermaid 马上换
    yzhen123
    yzhen123
    OP
    Apr 13, 2021
    18
    @ZackKing 支持的
    yzhen123
    yzhen123
    OP
    Apr 13, 2021
    19
    @lozzow 显示外链图片是支持的,但是自动上传还不支持,我有空看看
    killva4624
    killva4624
    Apr 14, 2021
    20
    试用了,给楼主点赞。
    killva4624
    killva4624
    Apr 14, 2021❤️1
    21
    一个样式上的小 Bug: 鼠标放在工具栏最右侧"..."上会显示"更多",点击 "..."后,"更多"一直悬浮着,会挡住下拉菜单第一行"代码块主题预览"的前面三个字。
    RainCats
    RainCats
    Apr 19, 2021
    22
    vs code 本身不是有个预览么,ctrl+k 然后松手再按 v 就能实时预览了
    参考这个链接: https://blog.csdn.net/supergao222/article/details/78596704
    YouMoeYi
    YouMoeYi
    Apr 19, 2021
    23
    支持,正在试用中
    baggykermit
    baggykermit
    May 10, 2021
    24
    用起来很棒,但是我有个愚蠢的问题,应该怎么调中文啊?
    Anna1879
    Anna1879
    May 5, 2022
    25
    感谢,vs code 自带预览不能同时编辑文档,楼主的可以,很棒。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5152 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 06:22 · PVG 14:22 · LAX 22:22 · JFK 01:22
    ♥ Do have faith in what you're doing.