canner slate editor
1.0.0
Rich Text / WysiWygエディターは、モジュール性と拡張性に焦点を当てており、美しいデザインと高レベルのAPIを備えたスレートフレームワークの上に構築されています。
？ Canner-Slate-Editorはモジュール化されたエディターであり、すべてがNPMモジュールです！あなたはあなたの個人的な使用に100％構成することができます！
このプロジェクトはもともとCannerから開始されているため、1つのエディターがあらゆる種類の要件に適合することはないことに気付くため、この問題を解決する唯一の方法はモジュラーファーストエディターを設計することだと思います。
他の多くの豊富なテキストとwysiwygエディターがオンラインでありますが、スレートとして、これらのソリューションのほとんどがそうであると言及した理由
したがって、このリポジトリは、Slate Frameworkが提供するすべての利点を維持し、開発者向けのより高レベルのAPIを作成し、独自のバージョンのエディターを簡単に再利用およびカスタマイズすることもできます。また、あらゆる種類の貢献をいつでも歓迎します！ ？
このプロジェクトは、ANTDを原始UIライブラリとして使用しています。
なぜ
それを使用することの欠点の1つは、バンドルサイズを増やすことです。解決策についてはこちらをご覧ください
Webパック設定に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モジュールが含まれています。すべての機能には、アイコン、ヘルパー、プラグイン、UTILなどのNPMモジュールにパッケージ化されているため、開発者はモジュールを選択して独自の使用法を組み立てることができます。
美しいデザインを備えたスレートフレームワークを使用した別の豊富なテキストエディター
$ npm install --save canner-slate-editorまた、インストールする必要があります
$ npm install antd slate slate-react
Hot KeysサポートでLiveを編集できるマークダウンエディター！
$ npm install --save slate-md-editorまた、インストールする必要があります
$ npm install antd slate slate-react
スレート編集者向けの20以上の共有スレートアイコンとヘルパー。
サポートされている機能：
詳細については、Slate-Iconsをご覧ください
スレート編集者用の共有スレートセレクター。
サポートされているセレクター：
詳細については、スレートセレクターをご覧ください
Reactコンポーネントラッパーを備えたクイルエディターからのアイコン抽出、65以上のアイコンをサポートします！
$ npm install --save quill-iconsスレートプラグインのセット。
スレート編集者の一連の変更とユーティリティ機能
エディターユーティリティコンポーネントのセット。
レポを介して定数を共有します。
詳細については、Slate-Constantをご覧ください
yarn Workspaceを使用してすべてのリポジトリを管理しています。Yarnワークスペースの詳細
パッケージをインストールします
yarn
デモを参照してください
npm start
入力することにより、Babelを介してJSファイルを構築する必要があります
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate 、データモデリング、更新、レンダリング、エディタースキーマ、シリアル化などのエディターを構築するときに難しい部品に対処するのに役立つ、適切に設計された強力なエディターフレームワークです。
このリポジトリは、スレートドキュメントを掘り下げ、高レベルのコンポーネントを使用する代わりに、すぐに使用できる完全なエディターとプラグインソリューションを提供することを目的としています。
canner-slate-editor Ant Designと呼ばれる素晴らしいReactライブラリを使用しています。ライブラリは、編集者のレンダリングに広く使用されているツールチップ、テーブル、モーダルなど、一般的に使用される多くの反応コンポーネントを提供します。ライブラリを使用する欠点の1つは、バンドルサイズです。サイズの問題に取り組むことを試みている場合は、フォローすることをお勧めします。
