canner slate editor
1.0.0
Reicher Text / Wysiwyg Editor Fokus auf Modularität und Erweiterbarkeit , bauen auf dem Schiefergerüst mit schönen Designs und hochrangigen APIs auf.
? Canner-Slate-Editor ist ein modulierter Editor, alles ist ein NPM-Modul! Sie könnten 100% zu Ihrer persönlichen Verwendung komponieren!
Da dieses Projekt ursprünglich von Canner gestartet wurde, stellen wir fest, dass es keinen einzigen Redakteur in alle Anforderungen an die Anforderungen passen wird. Wir sind der Meinung, dass die einzige Möglichkeit, dieses Problem zu lösen, darin besteht, einen modular-First-Editor zu entwerfen.
Es gibt viele andere reiche Text- und Wysiwyg -Redakteure online, aber als Slate - warum der Abschnitt erwähnt, dass die meisten dieser Lösungen sind
Daher wird dieses Repository versuchen, alle Vorteile zu halten, die Slate Framework bietet, und eine bessere APIs auf hoher Ebene für Entwickler zu erstellen. Außerdem sind wir immer zu allen Arten von Beiträgen herzlich willkommen! ?
Dieses Projekt verwendet AntD als unsere Primiary UI -Bibliothek.
Warum
Einer der Nachteile des Verwendens ist, dass es Ihre Bündelgröße erhöht. Hier finden Sie die Lösung
Sie müssen css und less Testregeln in Ihre Webpack -Einstellung hinzufügen.
...
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"
}
]
}
]
. . .Diese Projekte enthält derzeit über mehr als 47 NPM -Module . Jede Funktionen werden in NPM -Module wie Symbole, Helfer, Plugins, Utils usw. verpackt. Dadurch können Entwickler Module auswählen, um sich in Ihre eigenen Verwendungen zu montieren.
Ein weiterer reicher Texteditor mit Slate Framework mit wunderschönem Design
$ npm install --save canner-slate-editorSie müssen auch installieren
$ npm install antd slate slate-react
Ein Markdown -Editor, mit dem Sie Live mit Hot Keys -Unterstützung bearbeiten können!
$ npm install --save slate-md-editorSie müssen auch installieren
$ npm install antd slate slate-react
20+ Shared Slate Icons und Helpers für Slate -Redakteure.
Unterstützte Funktionen:
Erfahren Sie mehr Slate-ICons
Shared Slate Selektoren für Slate -Redakteure.
Unterstützte Selektoren:
Erfahren Sie mehr Slate-Selektoren
Icons Extrahieren aus dem Quilleditor mit React Component Wrapper, unterstützen Sie 65+ Symbole!
$ npm install --save quill-iconsEin Satz von Slate -Plugins.
Eine Reihe von Änderungen und Versorgungsfunktionen für Slate -Redakteure
Eine Reihe von Editor -Utility -Komponenten.
Teilen Sie Konstanten durch Repos.
Erfahren Sie mehr Schieferkonstant
Wir verwenden yarn -Arbeitsbereich, um alle Repos zu verwalten, mehr über den Garn -Arbeitsbereich zu erfahren
Pakete installieren
yarn
Siehe Demos
npm start
Sie müssen JS -Dateien über Babel erstellen, indem Sie eingeben
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate ist ein gut gestalteter leistungsstarker Editor-Framework , mit dem Sie mit schwierigen Teilen umzugehen, wenn Sie einen Editor erstellen, z. B. Datenmodellierung, Aktualisierung von Zuständen, Rendern, Editorschemata, Serialisierung ... (Sie könnten hier mehr erfahren), während Sie versuchen, Ihre eigenen Redakteure zu erstellen, müssen noch viele Anstrengungen zum Aufbau eines einfachen schönen Editors mit dem Rahmen erstellen.
Dieses Repository zielt darauf ab, vollständige Redakteure und Plugins-Lösungen bereitzustellen, mit denen Sie diese sofort verwenden können, anstatt Schieferdokumentationen zu durchsuchen und unsere hochrangigen Komponenten zu verwenden, die Sie mit den Editoren fast ohne Slate-Framework-Kenntnisse erstellen können.
canner-slate-editor verwendet eine fantastische React-Bibliothek namens Ant Design. Einer der Nachteile der Verwendung der Bibliothek ist die Bündelgröße. Wenn Sie versuchen, das Problem mit der Größe anzugehen, empfehlen wir den folgenden Lösungen:
