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]。