nib

笔尖

演示

尽管在HTML中可用于丰富的文本编辑，但它仍然是极具挑战性的领域。我发现Prosemirror是解决该问题的最佳解决方案。作者Marijn Haverbeke的作品很棒。

该项目旨在构建用于使用Presemirror的丰富文本编辑的组件，使编辑从框架中扎根仍然很大。这些组件可以快速整合到React甚至非反应应用中。

NIB不仅具有丰富的文本编辑功能，而且还解决了复杂的编辑要求，例如跟踪对文档的更改，在文档，协作编辑等中添加评论...

设置

编辑器的设置非常简单。需要从npm安装。

安装软件包：

可以使用npm或yarn命令。

 npm i nib-core --save

编写编辑器组件：

 import React from "react";
import Editor from "nib-core";

const MyEditor = () => <Editor />;

请注意，LIB不工作服务器端。

道具

编辑支持的道具。

s.no.	姓名	描述
1	插件	用于将功能添加到核心编辑器的插件数组
2	自动对焦	默认焦点编辑器
3	config	在编辑器中配置插件，工具栏等，以下是默认配置
4	默认值	初始化编辑器内容的价值
5	Clichkey	NIB编辑器的许可证密钥
6	Onchange	编辑器中任何更改的回调
7	拼写检查	布尔属性以在编辑器中启用默认浏览器拼写检查
8	Styleconfig	用于在编辑器中进行更详细的样式更改，这是默认
9	主题	编辑器的主题，这是默认主题

特征

1. 支持几乎所有浏览器和设备
2. 多种丰富的文本样式选项，例如粗体，斜体，下划线，下标，下标，上文，文字颜色，填充颜色等
3. 支持不同的块类型段落，H1 -H6，BlockQuote等
4. 支持超链接
5. 支持嵌套有序和无序列表
6. 支持具有包装，对齐，重新尺寸或链接图像等选项的图像
7. 使用浮动工具栏支持内联模式
8. 支持自定义显示 - 完整页面，诸如显示之类的单词等
9. 允许撤消和重做更改。
10. 显示支持格式选项及其键盘快捷键的帮助菜单
11. 使用不同的主题改变编辑器的外观和感觉
12. 将prosemirror json转换为Markdown
13. 转换往返HTML的Prosemirror JSON
14. 源代码编辑
15. 具有预先选项的表，例如添加/删除列/行，调整列等
16. 支持从YouTube或Vimeo等来源显示视频
17. 灵活性添加自定义插件
18. 轨迹更改文档以及任何保存的元数据，例如用户名，时间戳等
19. 添加 /编辑评论以文档
20. 在同一文档上与多个用户的协作编辑

执照

GNU通用公共许可证。

接触

有关详细信息或查询邮件将邮件发送至[email protected]。