https://github.com/mizy/oreditor
a svg based rich text editor for high performance render
https://github.com/mizy/oreditor
high-performance rich-text-editor svg wysiwyg-editor
Last synced: 5 months ago
JSON representation
a svg based rich text editor for high performance render
- Host: GitHub
- URL: https://github.com/mizy/oreditor
- Owner: mizy
- Created: 2020-10-09T09:20:27.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-06-28T03:32:15.000Z (over 1 year ago)
- Last Synced: 2025-05-13T00:47:30.032Z (5 months ago)
- Topics: high-performance, rich-text-editor, svg, wysiwyg-editor
- Language: TypeScript
- Homepage:
- Size: 841 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OREditor
a svg based rich text editor for high performance render
一个基于SVG渲染的原生富文本编辑器，可高性能渲染大量文字
# demo
https://mizy.github.io/oreditor/dist
# test
```
npm run start
```
# 进度
+ 渲染 100%
+ 焦点获取 100%
+ 输入 100%
+ 删除 100%
+ 样式 100%
+ 区域选中 100%
+ 列表组件 100%
+ 回退操作 100%
+ 居中 100%
+ 三方组件（表格，图片）支持 50%
+ 导出&导入
'''
据说研发一个L3的富文本需要几百万行代码，en,确实很难，之前用ts写了个基于DOM 和selectionAPI的半成品，但感觉这玩意写出来就落伍，于是想试试金山的方案，用svg去实现，可以避免去解决纯用canvas而导致的字体解析以及非矢量导致的图片模糊问题，还能利用浏览器原生的SVG局部渲染裁剪能力。
'''