canner slate editor
1.0.0
Teks kaya / editor wysiwyg fokus pada modularitas dan ekstensibilitas , dibangun di atas kerangka kerja papan tulis dengan desain yang indah dan API tingkat tinggi.
? Canner-Slate-Editor adalah editor yang dimodulasi, semuanya adalah modul NPM! Anda bisa 100% menyusun penggunaan pribadi Anda!
Karena proyek ini awalnya dimulai dari Canner, kami perhatikan bahwa tidak ada editor tunggal yang sesuai dengan semua varietas persyaratan, jadi kami pikir satu-satunya cara untuk menyelesaikan masalah ini adalah dengan merancang editor modular-pertama.
Ada banyak teks kaya lainnya dan editor wysiwyg online, tetapi sebagai batu tulis - mengapa bagian menyebutkan bahwa sebagian besar solusi ini
Oleh karena itu, repositori ini akan mencoba untuk menjaga semua keunggulan kerangka kerja Slate menyediakan dan membuat API tingkat yang lebih tinggi untuk pengembang juga dapat dengan mudah menggunakan kembali dan menyesuaikan versi editor mereka sendiri. Kami juga selalu diterima untuk semua jenis kontribusi! ?
Proyek ini menggunakan ANTD sebagai perpustakaan UI primer kami.
Mengapa
Salah satu kelemahan menggunakannya, adalah itu akan meningkatkan ukuran bundel Anda. Lihat di sini untuk solusi
Anda perlu menambahkan css dan less aturan tes di pengaturan web Anda.
...
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"
}
]
}
]
. . .Proyek -proyek ini saat ini berisi lebih dari 47+ modul NPM , setiap fitur dikemas ke dalam modul NPM, seperti ikon, pembantu, plugin, util, dll ..., sehingga ini memungkinkan pengembang untuk memilih modul untuk berkumpul ke dalam penggunaan Anda sendiri.
Editor Teks Kaya Lainnya Menggunakan Slate Framework, dengan Desain yang Indah
$ npm install --save canner-slate-editorAnda juga perlu menginstal
$ npm install antd slate slate-react
Editor Markdown, yang memungkinkan Anda mengedit Live dengan Dukungan Kunci Panas!
$ npm install --save slate-md-editorAnda juga perlu menginstal
$ npm install antd slate slate-react
20+ Ikon Slate bersama dan pembantu untuk editor Slate.
Fitur yang Didukung:
Pelajari lebih banyak ikatan batu tulis
Selektor Slate bersama untuk editor Slate.
Selektor yang Didukung:
Pelajari lebih banyak selektor slate
Ekstrak ikon dari editor quill dengan pembungkus komponen reaksi, dukungan 65+ ikon!
$ npm install --save quill-iconsSatu set plugin batu tulis.
Satu set perubahan dan fungsi utilitas untuk editor Slate
Satu set komponen utilitas editor.
Berbagi konstanta melalui repo.
Pelajari lebih banyak slate-constant
Kami menggunakan ruang kerja yarn untuk mengelola semua repo, mempelajari lebih lanjut tentang ruang kerja benang
Untuk menginstal paket
yarn
Lihat demo
npm start
Anda perlu membangun file JS melalui Babel dengan masuk
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate adalah kerangka kerja editor yang kuat yang dirancang dengan baik yang membantu Anda menangani bagian-bagian yang sulit ketika membangun editor, seperti pemodelan data, memperbarui negara, rendering, skema editor, membuat serial ... (Anda bisa belajar lebih banyak di sini), sementara Anda mencoba membangun editor Anda sendiri, masih membutuhkan banyak upaya untuk membangun editor cantik sederhana dan berjalan dengan fram Anda.
Repositori ini bertujuan untuk memberikan solusi editor dan plugin lengkap yang memungkinkan Anda untuk menggunakannya segera, alih-alih menggali dokumentasi Slate dan menggunakan komponen tingkat tinggi kami, Anda hampir dapat membangun editor tanpa pengetahuan kerangka kerja batu tulis untuk digunakan.
canner-slate-editor menggunakan perpustakaan React yang mengagumkan yang disebut Ant Design, perpustakaan menyediakan banyak komponen reaksi yang umum digunakan seperti tooltip, tabel, modal, dll ... yang banyak digunakan dalam memberikan editor kami. Salah satu downside menggunakan perpustakaan adalah ukuran bundelnya. Jika Anda mencoba mengatasi masalah ukuran, kami sarankan mengikuti solusi:
