canner slate editor
1.0.0
豐富的文本 / Wysiwyg編輯器專注於模塊化和可擴展性，以優美的設計和高級API為基礎。
？ Canner-Slate-editor是一個調製編輯器，一切都是NPM模塊！您可以100％撰寫您的個人用途！
由於該項目最初是從Canner開始的，因此我們注意到沒有單個編輯器將適合各種要求，因此我們認為解決此問題的唯一方法是設計模塊化優先的編輯器。
在線還有許多其他豐富的文字和Wysiwyg編輯，但是作為Slate - 為什麼部分提到了這些解決方案中的大多數是
因此，該存儲庫將嘗試保持所有優勢Slate Framework提供並為開發人員創建更高級別的API，還可以輕鬆重複使用並自定義自己的版本編輯器。另外，我們總是歡迎各種貢獻！ ？
該項目將ANTD用作我們的基本UI庫。
為什麼
使用它的缺點之一是它會增加您的捆綁包大小。請參閱此處的解決方案
您需要在WebPack設置中添加css和less測試規則。
...
rules : [
{
test : / .js$ / ,
use : {
loader : "babel-loader"
} ,
exclude : / node_modules /
} ,
{
test : / .css$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
}
]
} ,
{
test : / .less$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
} ,
{
loader : "less-loader"
}
]
}
]
. . .該項目當前包含超過47個NPM模塊，每個功能都包裝到NPM模塊中，例如圖標，助手，插件，UTILS等...，因此此功能使開發人員能夠選擇模塊以組裝您自己的用法。
另一個使用Slate框架的豐富文本編輯器，具有精美的設計
$ npm install --save canner-slate-editor您還需要安裝
$ npm install antd slate slate-react
Markdown編輯器，可讓您在熱鍵支持下進行現場編輯！
$ npm install --save slate-md-editor您還需要安裝
$ npm install antd slate slate-react
20+共享板岩圖標和板岩編輯器的幫助者。
支持的功能：
了解更多的板岩
Slate Selectors共享板岩編輯器。
支持的選擇器：
了解更多的板岩選擇器
帶有React組件包裝器的Quill Editor的圖標提取器，支持65個以上的圖標！
$ npm install --save quill-icons一組板岩插件。
Slate編輯器的一組更改和實用程序功能
一組編輯器實用程序組件。
通過存儲庫共享常數。
了解更多板岩恆星
我們正在使用yarn工作空間來管理所有存儲庫，了解有關紗線工作空間的更多信息
安裝軟件包
yarn
見演示
npm start
您需要通過進入Babel構建JS文件
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate是一個精心設計的功能強大的編輯框架，可以幫助您處理困難的部分，例如構建數據建模，更新狀態，渲染，編輯器架構，序列化...（您可以在此處學習更多），而您正在嘗試構建自己的編輯器，它仍然需要大量的努力來構建一個簡單的優美的編輯器，並運行一個框架和框架。
該存儲庫旨在提供完整的編輯器和插件解決方案，使您可以立即使用它，而不是瀏覽Slate文檔並使用我們的高級組件，您幾乎可以構建編輯器，而無需使用任何Slate框架知識。
canner-slate-editor使用了一個很棒的React庫，稱為Ant Design，該庫提供了許多常用的React組件，例如Tooltip，Table，Modal等...它廣泛用於渲染我們的編輯器。使用庫的缺點之一是捆綁包大小。如果您試圖解決尺寸問題，我們建議以下解決方案：
