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

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

  •  2
     
  •   yzhen123 · Apr 8, 2021 · 6637 views
    This topic created in 1929 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
        1
    pi1ot  
       Apr 8, 2021
    建议设计一个插件图标
    leewi9coder
        2
    leewi9coder  
       Apr 8, 2021
    有 TOC 列表吗
    yzhen123
        3
    yzhen123  
    OP
       Apr 8, 2021
    @leewi9coder 有大纲功能
    leewi9coder
        4
    leewi9coder  
       Apr 8, 2021
    太棒了,加油,早就受够了 typora,我看好你哦
    SenLief
        5
    SenLief  
       Apr 8, 2021 via Android
    为何不用为知的插件,还能多人协作以及同步。
    whileFalse
        6
    whileFalse  
       Apr 8, 2021
    刚下载了 请问怎么启用该功能?我直接打开了一个 md 文件,但并没有图标栏和所见即所得。
    CallMeReznov
        7
    CallMeReznov  
       Apr 8, 2021
    安装了,但不知道为什么背景是这样个情况.



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