登录注册

Vditor v1.6.12 发布，textarea 修改为带 contenteditable 属性的 div

本贴最后更新于 1951 天前，其中的信息可能已经渤澥桑田

v1.6.12 简介

该版本重写了编辑器中的输入区域，使用带 contenteditable 属性的 div 替代了 textarea，为后期 WYSIWYG 奠定基础。
除此外还简单的实现了 ⌘-Backspace 和 ⌘-d 快捷键，欢迎体验

v1.6.12 变更记录

83 升级 markdown-it dependencies
82 textarea 修改为带 contenteditable 属性的 div development
81 toolbar.hotkey 添加 shift 可选配置 feature
80 移除第三方依赖库版本号 enhancement
79 重置内容中的 ul 样式 enhancement
78 npx webpack 出现错误 bug
77 发布一个 bower 版本 development
76 Bump lodash from 4.17.11 to 4.17.14 dependencies
75 增强 emoji 配置的容错性及 UI 细节改进 enhancement
74 上传错误处理文案与性能提示冲突 bug
68 1 high severity vulnerability: vditor > mermaid development
61 支持简单的快捷键 feature

历史版本变更请浏览这里。

Vditor
Vditor 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React 和 Angular。
- Vditor 使用指南
- 在线试用
354 引用 • 1820 回帖
Markdown
Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。
167 引用 • 1517 回帖
B3log

B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和思源笔记。
1063 引用 • 3453 回帖 • 198 关注
发布新闻

7 引用 • 70 回帖

Vanessa 5 年前昆明位置

1 感谢

2 关注

8 回帖

2.5k 109 224 366 1 738 172 4 281 535

欢迎来到这里！

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

注册关于

请输入回帖内容 ...

someone27889 • 5 年前 • 1 评论
捐赠者

辛苦了大佬

谢谢，继续努力

Vanessa • 5 年前
zyk • 5 年前
订阅者支持者捐赠者勇士

V 大，我想用你的 vditor 写一个 django 的开源 APP 可以嘛 😂

1 回复
Vanessa • 5 年前
订阅者付费者作者 MOD

可以的，有问题随时沟通

1 回复
zyk • 5 年前
订阅者支持者捐赠者勇士

好的 😄

zyk • 5 年前

订阅者支持者捐赠者勇士

V 大，我把上传图片大小限制到 1M，怎么不起作用啊 😂

const vditor = new Vditor('vditor', {
    counter: 200,
    height: 300,
    editorName: 'vditor',
    tab: '',
    max: 1048576,
    upload: {
        accept: '.jpg,.png,.gif,.jpeg',
        filename(name) {
            return name.replace(/\?|\\|\/|:|\||<|>|\*|\[|\]|\s+/g, '-')
        },
        //自定义上传图片
        handler(file) {
            let formData = new FormData();
            file.forEach(f => {
                formData.append('files', f, f.name);
            });
            upload_img(formData);
        },
    },
    preview: {
        show: true,
        parse: () => {
            LazyLoadImage()
        },
    },
});

jeffjade • 5 年前

很赞耶，支持。方才已经将 Arya - 在线 Markdown 编辑器更新至 v1.7.2，体验了下，滚动的时候比先前更加丝滑些呢。
samye • 5 年前

我觉得可以搞个在线的文档编辑 + 客户端（app/win/mac）,印象笔记、网易笔记 😋

1 回复
Vanessa • 5 年前
订阅者付费者作者 MOD

是的，但是现在感觉还不太完善。

请输入回帖内容 ...

Vanessa MOD

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

回帖

8936

帖子

756

积分

140878

近期热议

推荐标签标签

WebClipper

Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。
3 引用 • 9 回帖 • 4 关注
创业

你比 99% 的人都优秀么？
84 引用 • 1399 回帖 • 2 关注
Q&A

提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
8270 引用 • 37735 回帖 • 158 关注
百度

百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。
63 引用 • 785 回帖 • 171 关注
职场

找到自己的位置，萌新烦恼少。
127 引用 • 1706 回帖
SOHO

为成为自由职业者在家办公而努力吧！
7 引用 • 55 回帖 • 12 关注
Bug

Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。
76 引用 • 1737 回帖 • 2 关注
外包

有空闲时间是接外包好呢还是学习好呢？
26 引用 • 232 回帖 • 3 关注
CSS

CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
197 引用 • 550 回帖
宕机

宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。
13 引用 • 82 回帖 • 63 关注
代码片段

代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。
76 引用 • 420 回帖
Hexo

Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。
21 引用 • 140 回帖 • 1 关注
单点登录

单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。
9 引用 • 25 回帖 • 3 关注
OpenResty

OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。
17 引用 • 36 关注
安装

你若安好，便是晴天。
132 引用 • 1184 回帖
大数据

大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。
93 引用 • 113 回帖
JSON

JSON （JavaScript Object Notation）是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。
52 引用 • 190 回帖 • 1 关注
C

C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。
85 引用 • 165 回帖
Wide

Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

欢迎访问我们运维的实例： https://wide.b3log.org
30 引用 • 218 回帖 • 624 关注
Kafka

Kafka 是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者规模的网站中的所有动作流数据。这种动作（网页浏览，搜索和其他用户的行动）是现代系统中许多功能的基础。这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。
36 引用 • 35 回帖 • 1 关注
OpenStack

OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。
10 引用 • 3 关注
持续集成

持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。
15 引用 • 7 回帖
iOS

iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。
85 引用 • 139 回帖
CongSec

本标签主要用于分享网络空间安全专业的学习笔记
1 引用 • 1 回帖 • 15 关注
GitBook

GitBook 使您的团队可以轻松编写和维护高质量的文档。分享知识，提高团队的工作效率，让用户满意。
3 引用 • 8 回帖 • 2 关注
PWA

PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。
14 引用 • 69 回帖 • 155 关注
MySQL

MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。
691 引用 • 535 回帖

Vditor v1.6.12 发布，textarea 修改为带 contenteditable 属性的 div

v1.6.12 简介

v1.6.12 变更记录

相关帖子

Vditor v1.8.16 发布，markdown-it 切换为 Lute

Vditor v1.7.25 发布，支持五线谱，对 MD 渲染进行分包优化

Vditor v1.5.12 发布，图表支持及性能改进

Vditor v1.4.7 发布，接口添加

Vditor v0.4.0 发布，功能完善

Vditor v0.2.5 发布，cdn 更换

markdown 批量转 word 教程

欢迎来到这里！

近期热议

推荐标签标签

最新标签

Vditor v1.6.12 发布，textarea 修改为带 contenteditable 属性的 div

v1.6.12 简介

v1.6.12 变更记录

相关帖子

Vditor v1.8.16 发布，markdown-it 切换为 Lute

Vditor v1.7.25 发布，支持五线谱，对 MD 渲染进行分包优化

Vditor v1.5.12 发布，图表支持及性能改进

Vditor v1.4.7 发布，接口添加

Vditor v0.4.0 发布，功能完善

Vditor v0.2.5 发布，cdn 更换

markdown 批量转 word 教程

欢迎来到这里！

近期热议

推荐标签 标签

最新标签

推荐标签标签