@opentiny/fluent-editor 3.17.1 → 3.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,53 +1,64 @@
1
- # FluentEditor 富文本编辑器
2
-
3
- FluentEditor 是一个基于 Quill 2.0 的富文本编辑器,在 Quill 基础上扩展了表格、图片、超链接、复制粘贴、插入表情、文件上传、@提醒、斜杆菜单等丰富的模块和格式,框架无关、兼容 Quill API、兼容 Quill 模块生态。
4
-
5
- ## 项目优势
6
-
7
- FluentEditor 主要有以下特点和优势:
8
-
9
- * 包含30多种丰富的模块和格式,除了 Quill 内置的21种格式之外,还扩展和增强了表格、图片、超链接、字数统计、表情、文件上传、复制粘贴、@提醒、斜杆快捷菜单、截图等15种模块和格式
10
- * 强大的表格功能,支持在工具栏插入指定行列的表格、表格行高/列宽拖拽、插入行/列、删除行/列、合并/拆分单元格等丰富的表格操作
11
- * 与框架无关,可以在 VueReactAngular 等多种框架中使用
12
- * 兼容 Quill 所有 API,兼容 Quill 生态模块和格式
13
-
14
- ## 快速入门
15
-
16
- 安装 FluentEditor:
17
-
18
- ```shell
19
- npm i @opentiny/fluent-editor
20
- ```
21
-
22
- 编写html:
23
-
24
- ```html
25
- <div id="editor">
26
- <p>Hello FluentEditor!</p>
27
- </div>
28
- ```
29
-
30
- 引入样式:
31
-
32
- ```css
33
- @import '@opentiny/fluent-editor/dist/style.css'
34
- ```
35
-
36
- 初始化 FluentEditor 编辑器:
37
-
38
- ```javascript
39
- import FluentEditor from '@opentiny/fluent-editor'
40
-
41
- const editor = new FluentEditor('#editor', {
42
- theme: 'snow'
43
- })
44
- ```
45
-
46
- ## ❤️ 致谢
47
-
48
- 感谢:
49
-
50
- - [quill](https://github.com/slab/quill) 项目,它是一款API驱动的富文本编辑器,采用模块化架构,可扩展性好,易于使用,支持跨平台,FluentEditor 基于 Quill 扩展和增强了表格、图片、超链接等大量模块和格式。
51
- - [quill-better-table](https://github.com/soccerloway/quill-better-table) 项目,它增强了 Quill 内置表格模块,增加了丰富的功能,FluentEditor 的表格操作功能基于 quill-better-table。
52
- - [quill-emoji](https://github.com/contentco/quill-emoji) 项目,它是一个用于表情符号的 Quill 模块,FluentEditor 的插入表情功能基于 quill-emoji。
53
- - [quill-blot-formatter](https://github.com/Fandom-OSS/quill-blot-formatter) 项目,它是一个用于调整图像和视频大小的 Quill 模块,FluentEditor 的图片缩放功能基于 quill-blot-formatter。
1
+ # Fluent Editor
2
+
3
+ Fluent Editor is a rich text editor based on Quill 2.0, which extends Quill with rich modules and formats such as tables, images, hyperlinks, copy and paste, inserting emoticons, file uploads, @ reminders, and diagonal menu. It is framework-independent, compatible with Quill API, and compatible with Quill module ecosystem.
4
+
5
+ ## Features
6
+
7
+ Fluent Editor has the following features and advantages:
8
+
9
+ - Contains more than 30 rich modules and formats, in addition to the 21 built-in formats in Quill, it also extends and enhances 15 modules and formats such as tables, images, hyperlinks, word counts, emoticons, file uploads, copy and paste, @ reminders, slash shortcut menus, screenshots, etc
10
+ - Powerful table function, supports inserting tables with specified rows and columns in the toolbar, table row height/column width dragging, inserting rows/columns, deleting rows/columns, merging/splitting cells, and other rich table operations
11
+ - It is not related to frameworks and can be used in multiple frameworks such as Vue, React, Angular, etc
12
+ - Compatible with all Quill APIs, Quill ecosystem modules and formats
13
+
14
+ ## Quick Start
15
+
16
+ Install Fluent Editor:
17
+
18
+ ```shell
19
+ npm i @opentiny/fluent-editor
20
+ ```
21
+
22
+ Write html:
23
+
24
+ ```html
25
+ <div id="editor">
26
+ <p>Hello Fluent Editor!</p>
27
+ </div>
28
+ ```
29
+
30
+ Import style:
31
+
32
+ ```css
33
+ @import '@opentiny/fluent-editor/dist/style.css'
34
+ ```
35
+
36
+ Initialize the Fluent Editor editor:
37
+
38
+ ```javascript
39
+ import FluentEditor from '@opentiny/fluent-editor'
40
+
41
+ const editor = new FluentEditor('#editor', {
42
+ theme: 'snow'
43
+ })
44
+ ```
45
+
46
+ ## Development
47
+
48
+ ```shell
49
+ git clone git@github.com:opentiny/fluent-editor.git
50
+ cd fluent-editor
51
+ pnpm i
52
+ pnpm dev
53
+ ```
54
+
55
+ Open your browser and visit: [http://localhost:5173/fluent-editor/](http://localhost:5173/fluent-editor/)
56
+
57
+ ## ❤️ Credits
58
+
59
+ Thanks to:
60
+
61
+ - The [quill](https://github.com/slab/quill) project, which is an API-driven rich text editor with a modular architecture, good scalability, ease of use, and cross-platform support. Fluent Editor extends and enhances a large number of modules and formats such as tables, images, and hyperlinks based on Quill.
62
+ - The [quill-better-table](https://github.com/soccerloway/quill-better-table) project, which enhances the built-in table module of Quill and adds rich functionality. Fluent Editor's table operation functionality is based on quill-better-table.
63
+ - The [quill-emoji](https://github.com/contentco/quill-emoji) project, which is a Quill module for emoji. Fluent Editor's insert emoji function is based on quill-emoji.
64
+ - The [quill-blot-formatter](https://github.com/Fandom-OSS/quill-blot-formatter) project, which is a Quill module for resizing images and videos. Fluent Editor's image scaling function is based on quill-blot-formatter.