Vditor v3.2.12 发布,支持思维导图

本贴最后更新于 1666 天前,其中的信息可能已经时异事殊

新功能截图

官网

image.png

思维导图

image19vfHlK.png

简介

该版本主要特性如下:

  • 支持思维导图
  • 为表格添加行列增删按钮
  • 为 HTML 代码片段添加预览
  • 根据逗号/制表符生成表格
  • 可以设置链接、图片相对路径
  • 为 markdown 添加 sanitize 安全过滤设置

升级

  • IPreviewOptions.anchorboolean 类型修改为 number 类型

文档更新

  • options.upload 添加 extraData 配置
  • 添加静态方法 mindmapRender
  • IMarkdownConfig 添加 sanitize, listMarker, linkBase 配置
  • IPreviewOptions.anchor 从 boolean 类型修改为 number 类型
  • 示例代码地址修改:static-preview.html => preview.html,static.html => vditor.b3log.org/demo/render.html
  • 添加 Vditor 官方首页
  • 添加缓存回调 options.cache.after(markdown:string)

变更记录

  • 475 从网页和其它 md 编辑器中复制的 iframe 和 视频标签 无法粘贴到 Vditor 修复缺陷
  • 455 HTML 实体在切换编辑模式时的转义问题 修复缺陷
  • 466 Tab is not working inside Quote(safari) 修复缺陷
  • 467 为表格添加行列增删按钮 引入特性
  • 472 Add details preview in ir mode 引入特性
  • 471 移动端子工具栏箭头没对齐 修复缺陷
  • 473 different between press "Ctrl+b" and click "B" icon. 修复缺陷
  • 463 在行内代码中进行粘贴时光标位置不对及报错处理 修复缺陷
  • 462 ctrl+z ir 模式没有渲染代码块 修复缺陷
  • 456 根据逗号/制表符生成表格 引入特性
  • 453 bold 位于子菜单中无作用 修复缺陷
  • 449 table(IR mode) 修复缺陷
  • 443 快捷键中文版 文档相关
  • 438 one empty line when ctrl+shift+h 改进功能
  • 439 not working ctrl+shift+x at links 修复缺陷
  • 444 delete tables when cells are empty 改进功能
  • 447 run vditor.insertValue('abc') throw error 修复缺陷
  • 435 task list 合并会添加 p 标签 修复缺陷
  • 432 代码块中输入 &pars 解析问题 修复缺陷
  • 433 language position(code block, wysiwyg mode) 修复缺陷
  • 431 链接、图片相对路径支持 引入特性
  • 430 cursor location when press ctrl+b after checkbox 修复缺陷
  • 429 localStorage 被禁用时,报错 修复缺陷
  • 427 headings 大小调整 改进功能
  • 422 inserted one line before table block(windows/Firefox) 修复缺陷
  • 425 支持 flac 音频格式解析 改进功能
  • 409 codeblock(mac safari) 修复缺陷
  • 407 cursor moving at tables(safari & firefox) 修复缺陷
  • 421 添加 bilibili 视频网站解析 改进功能
  • 420 缓存时可以提供一个回调吗,我想同步到服务器上 改进功能
  • 419 outline after update at smartphone 改进功能
  • 418 点击侧边空白,光标会挪到尾部 修复缺陷
  • 415 using local JS file 修复缺陷
  • 406 相同标题内容 ID 生成问题 修复缺陷
  • 412 预览界面大纲无法定位 修复缺陷
  • 411 复制到微信公众号后代码块背景丢失 修复缺陷
  • 410 not delete inline code(firfox) 修复缺陷
  • 405 translated mindmap into Korean 文档相关
  • 402 setValue 后 outline 没有渲染 修复缺陷
  • 400 Heading(wysiwyg) windows firefox 修复缺陷
  • 401 render demo(mobile) 改进功能
  • 397 link(ctrl+k) at wysiwyg mode 改进功能
  • 399 When click empty editor pane 修复缺陷
  • 398 unnecessary line before ctrl+M(tables) at wysiwyg mode 修复缺陷
  • 395 Demo for reading external markdown text 改进功能
  • 386 [wysiwyg] 在代码块尾部按 arrowdown 插入空行 改进功能
  • 396 click empty, append empty block 改进功能
  • 385 image title at wysiwyg 修复缺陷
  • 390 no data-marker(editing mode) 修复缺陷
  • 392 anchor option 改进功能
  • 389 marker option at preview 改进功能
  • 388 changed some korean i18n and demo text 文档相关
  • 383 移动端移除侧边提示 改进功能
  • 384 ctrl_+, ctrl_- at heading(wysiwyg) 修复缺陷
  • 321 移动端如何调用 toolbar 的方法 咨询提问
  • 382 sometimes the keyboard is hidden at smartphone 修复缺陷
  • 378 hover style in Mobile 修复缺陷
  • 379 Not sticky at IOS 修复缺陷
  • 381 光标在内联数学公式中无法向下移动 修复缺陷
  • 380 修复 XSS 漏洞 修复缺陷
  • 4 添加支持思维导图的功能 引入特性
  • 376 为 markdown 添加 sanitize 设置 引入特性
  • 375 upload 配置项添加额外请求参数 引入特性
  • 372 配置 lineNumber 为 true 后,代码复制按钮不出现 修复缺陷
  • 373 toolbar 缺失 edit-mode 报错 修复缺陷
  • 371 列表项上下移动 改进功能
  • 367 cursor up and down inside Table 改进功能
  • 368 Copy Paste multiline inside table 修复缺陷
  • 369 when paste, code can not highlight 修复缺陷
  • 370 Copy Paste multiline at markdown mode 改进功能

历史版本变更请浏览这里

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    357 引用 • 1827 回帖 • 2 关注
  • 新闻
    17 引用 • 104 回帖
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    30 引用 • 96 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • plus7wist

    赞!

  • 官网链接是 Null

  • qloog 1 评论

    👍 , 看来升级编辑器为 Vditor 需要提上日程了。

    每个版本都有升级说明 😓,要注意呦
    Vanessa
  • lhlyu 1 评论

    等了大半个月了 😂

    一般一个月发一个稳定版本
    Vanessa
  • mzlogin

    赞赞赞 ~ 思维导图支持是自己实现的是还是用的第三方啊?

    1 回复
  • 88250

    ECharts

    1 回复
  • mzlogin

    好的谢谢 D 大。

    1 回复
  • 88250

    不用谢,我只是个打杂的 😂

  • Allenxuxu

    赞 👍

  • xhaoxiong 1 评论
    感觉react引入的demo有点复杂,直接用这种方式写比较直接😂 
    <div  id="vditor" ref={(ref)=>{
                            const vditor = new Vditor('vditor', {
                                toolbarConfig: {
                                    pin: true,
                                },
                                cache: {
                                    enable: false,
                                },
                                minHeight: 500,
                                after() {
                                    vditor.setValue('Hello, React + Vditor!')
                                },
                            })
                        }}>
    
    Demo 上是引入静态脚本,没有用构建工具。所以就只能辣么写了。
    Vanessa 1 赞同
  • hjljy

    sixsixsix

请输入回帖内容 ...
Vanessa MOD
我们终此一生,就是要摆脱他人的期待,找到真正的自己。 昆明