Vditor v3.3.12 发布,全新的 SV 模式

本贴最后更新于 1606 天前,其中的信息可能已经时移俗易

新功能截图

新版 SV 模式
sv

新版图标

Ant Design
image1lbnugL.png

Material
imageHAwllsd.png

复制到知乎
imagecVckoXX.png

简介

该版本主要特性如下:

  • 重写 SV 模式:支持 Markdown 语法高亮;列表回车延续
  • 支持 Ant Design 和 Material 风格的图标配置
  • 支持复制到知乎
  • 可以对预览区的工具栏进行配置
  • 可自行编写 markdown 主题后导入
  • kbd 提供单独的渲染效果
  • IR 模式保留 Emoji 原始输入
  • IR & SV 保留 Setext 风格标题
  • 添加 TED 视频支持

升级

  • options.mode 默认值修改为 ir
  • options.markdown.listMarker 修改为 options.markdown.listStyle
  • options.preview.markdow.theme 修改为 options.preview.theme
  • setContentTheme 参数修改为 contentTheme: string, path: string
  • setTheme 参数修改为 theme: "dark" | "classic", contentTheme?: string, codeTheme?: string, contentThemePath?: string
  • 移除 setSelection
  • 移除 options.keymap
  • 移除 options.preview.markdown.setext
  • 移除工具栏上的格式化功能:options.toolbar 中移除 format 选项

文档更新

  • 支持预览区域工具栏配置及自定义 options.preview.actions
  • 新增图标配置项 options.icon
  • 新增图片链接上传回调 options.upload.linkToImgCallback
  • 为上传新增文件多选配置 options.upload.multiple
  • 为上传新增字段名称配置 options.upload.fieldName
  • setValue 方法新增 clearStack 参数
  • 新增清除 redo 栈方法 clearStack
  • 新增编辑器销毁方法 destroy

变更记录

  • 632 复制代码块解析优化 改进功能
  • 627<kbd> 提供单独的渲染效果 改进功能
  • 621 粘贴数学公式时渲染报错 修复缺陷
  • 619 即时渲染下 list 删除(或剪切)的问题 修复缺陷
  • 633 SV 模式光标在列表标记符中的问题 修复缺陷
  • 623 修复即时渲染模式下复制光标位置错误和添加位置错误的问题 修复缺陷
  • 608 更新使用截图和演示动画 文档相关
  • 587 IR & SV 保留 Setext 风格标题 改进功能
  • 626 去除 Setext 标题解析开关 开发重构
  • 451 IR 模式保留 Emoji 原始输入 改进功能
  • 620 支持多套图标配置 引入特性
  • 578 添加 ant-design 及 Material 风格的图标 改进功能
  • 614 添加 linkToImgUrl 回调 引入特性
  • 617 options.preview.theme.current 需设置不使用主题样式 改进功能
  • 611 SV 模式粘贴图片拉取上传问题 修复缺陷
  • 616 fix: safari 下选中文字添加标题文字会消失 修复缺陷
  • 615 即时渲染模式下在 safari 中光标位置跳动 修复缺陷
  • 596 blockquote insdie ordered list 改进功能
  • 605 块节点上下插入的优化 改进功能
  • 602 Three enters inside codeblock 修复缺陷
  • 600 codeblock inside footnote 修复缺陷
  • 590 Set value issue 修复缺陷
  • 594 Blockquote, ordered list and code block 改进功能
  • 593 IR 模式焦点离开时的渲染问题 改进功能
  • 604 站外图片抓取请求的 Content-Type 是 text/plain 改进功能
  • 597 one more backspace before delete lists 修复缺陷
  • 599 Ordered list(minor bug) 修复缺陷
  • 591 粘贴有可能不渲染本行内容 改进功能
  • 586 code block inside ordered list 修复缺陷
  • 585 [suggestion] when enter after code block inside blockqoute 改进功能
  • 584 Can not delete Code block 修复缺陷
  • 588 第五版 SV 模式 bug 记录 修复缺陷
  • 259 分屏预览模式列表项自动完成 引入特性
  • 580 重构 SV 模式 DOM 开发重构
  • 567 SV 模式块引用嵌套列表、代码块问题 修复缺陷
  • 563 SV 模式列表项下的代码块问题 修复缺陷
  • 579 样式调整 改进功能
  • 575 编辑器存在 form 中,情景菜单会出发提交事件 修复缺陷
  • 577 粘贴 XML 代码问题 修复缺陷
  • 573 style: 优化分隔符样式 改进功能
  • 572 fix: support aliyun oss 改进功能
  • 570 no placeholder after(SV) 修复缺陷
  • 569 预览区域工具栏配置 引入特性
  • 565 SV 模式支持缩进代码块 改进功能
  • 566 行级代码解析渲染 修复缺陷
  • 555 SV 模式段落块拆分问题 修复缺陷
  • 556 options.preview.markdown.setext 默认值修改为 true 改进功能
  • 554 SV 模式 Ctrl+u 代码块生成光标初始定位优化 改进功能
  • 558 [suggestion] shift+enter and end the lists 改进功能
  • 547 文件上传 format 第一个参数 files 为空数组 修复缺陷
  • 562 为上传添加 fieldName 选项 引入特性
  • 553 子任务列表回车问题 改进功能
  • 534 支持导出到知乎 引入特性
  • 552 blockquote 换行需逐层跳出 修复缺陷
  • 551 Tab and ctrl+shift+J (checkbox) 修复缺陷
  • 550 [Mermaid] State diagram rendering of multiple same node loops 修复缺陷
  • 549 粘贴 HTML 内容失败 修复缺陷
  • 548 添加文件上传多选/单选配置 引入特性
  • 545 SV 模式列表项下输入代码块问题 修复缺陷
  • 544 SV 模式有序列表缩进问题 修复缺陷
  • 543 SV 模式删除选择文本问题 修复缺陷
  • 541 SV 模式列表和引用快捷键问题 修复缺陷
  • 546 SV 模式丢失 headingID 修复缺陷
  • 539 即时渲染模式 setValue 后,没有及时渲染 Code 区域 修复缺陷
  • 536 文件上传检查后缀忽略大小写 改进功能
  • 537 添加 destroy 方法 引入特新
  • 532 中文输入过程中不应记录 UndoStack 修复缺陷
  • 519 扩展 markdown 主题 改进功能
  • 533 中文字符串中间插入 \ 字符导致乱码 修复缺陷
  • 528 wysiwyg & ir 列表中有两个代码块时的错误 修复缺陷
  • 531 移除 options.keymap 改进功能
  • 529 移除格式化按钮 改进功能
  • 526 字符串中带有 \ 符号时,从 \ 后面,但不是行尾 Backspace 删除字符到达 \ 时处理异常 修复缺陷
  • 517 Duplicate CSS(render.html) 修复缺陷
  • 522 从 WPS Office 复制文本,粘贴异常 修复缺陷
  • 524 no background-color change(dark mode-abcjs) 修复缺陷
  • 516 高亮自动填写功能未生效问题 修复缺陷
  • 355 新增 VditorSVDOM 渲染器 引入特新
  • 499 Chrome 浏览器,Up 方向键 光标位置移动异常 修复缺陷
  • 514 只读没有禁用场景菜单 修复缺陷
  • 501 反斜杠 \ 转义问题 改进功能
  • 508 软键盘 bug 修复缺陷
  • 504 解决编辑器中 esc 推出 hint 和 options.esc 冲突 修复缺陷
  • 500 wysiwyg 模式下打字数学公式会闪 改进功能
  • 498 修复 <summary> <details> 标签编辑问题 修复缺陷
  • 488 setValue 增加 clearStack 参数,添加 clearStack 方法 引入特新
  • 478 add tip to footnote 改进功能
  • 492 列表内含有代码块,修改列表中的文字时,代码块会闪 修复缺陷
  • 496 行级 HTML 空格问题 修复缺陷
  • 495 行级 HTML 退格问题 修复缺陷
  • 494 三种模式支持 list-style 样式 改进功能
  • 489 为 vditor.b3log.org/demo 添加源码 改进功能
  • 493 修复 XSS 过滤 修复缺陷
  • 486 getCursorPosition 针对空行会得到错误数据 修复缺陷
  • 485 IR 模式下,<details> 的编辑问题 修复缺陷
  • 484 添加 TED 视频支持 改进功能
  • 480 Mindmap 和 Echarts 内容为空时会报错 修复缺陷

历史版本变更请浏览这里

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • pdf 有点难看 😂 image.png

    1 回复
  • 88250

    社区的 Markdown 生成 PDF 使用的是 Lute PDF,等有空改进一波,谢谢反馈。

  • ieras 1 评论

    编辑器 非常棒! 喜欢分屏预览的编辑模式 ~
    但是有个问题,例如我直接复制另一篇文字的时候,然后用所见即所得模式,没办法把里面的图片自动上传转化为我方的链接地址 ~

    可以使用 options.upload.linkToImgUrl
    Vanessa
  • 为什么不叫 rv render and view

    1 回复
  • 因为不单单有 render 和 view

Vanessa MOD
我们终此一生,就是要摆脱他人的期待,找到真正的自己。 昆明