New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

vditor

Package Overview
Dependencies
Maintainers
1
Versions
328
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vditor

A markdown editor written in TypeScript

  • 0.1.6
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
26K
increased by0.67%
Maintainers
1
Weekly downloads
 
Created
Source

Vditor
下一代的 Markdown 编辑器,为未来而构建

简介

Vditor 是一款浏览器端的 Markdown 编辑器,使用 TypeScript 实现。

背景

有点啰嗦。

我们在开发 Sym 的初期是直接使用 WYSIWYG 富文本编辑器的。那时候基于 HTML 的编辑器非常流行,项目中引用起来也很方便,也符合用户当时的使用习惯。

后来,Markdown 的崛起逐步改变了大家的排版方式。再加上我们其他几个项目都是面向程序员用户的,所以迁移到 md 上也是大势所趋。我们选择了 CodeMirror,这是一款优秀的编辑器,它对开发者提供了丰富的编程接口,对各种浏览器的兼容性也比较好。

再后来,随着我们项目业务需求方面的沉淀,使用 CodeMirror 有时候会感到比较“笨重”。比如要实现 @自动完成用户名列表、插入 Emoji、上传文件等就需要比较深入的二次开发,而这些业务需求恰恰是很多项目场景共有且必备的。

终于,我们决定开始在 Sym 中自己实现编辑器。随着几个版本的迭代,Sym 的编辑器也日趋成熟。在我们运营的社区黑客派上陆续有人问我们是否能将编辑器单独抽离出来提供给大家使用。与此同时,我们的前端主程 V 同学对于维护分散在各个项目中的编辑器也感到有点力不从心,外加她最近在学 TypeScript 正好需要练手实践,所以就决定使用 ts 来实现一个全新的浏览器端 md 编辑器。

于是,Vditor 就这样诞生了。

功能

  • 插入原生 Emoji、可设置常用表情列表
  • Markdown 语法排版、支持工具栏按钮、快捷键
  • 上传图片、文件,实时进度显示
  • 录音支持,用户可直接发布语音
  • 粘贴 HTML 自动转换为 Markdown
  • 全屏、分屏实时预览、滚动同步定位
  • 多主题支持、内置黑白两套
  • 多语言支持、内置中英文
  • 支持主流浏览器、支持移动端

v

案例

  • Sym:一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台
  • Solo:一款小而美的 Java 博客系统
  • Pipe:一款小而美的 Go 博客平台

文档

授权

Vditor 使用 MIT 开源协议。

社区

鸣谢

Keywords

FAQs

Package last updated on 08 Feb 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc