tui.editor Download - tui.editor Sumber Code Unduh

tui.editor

Sumber daya lainnya

[email protected]

Unduh

GFM Markdown dan WYSIWYG Editor - Produktif dan Perluasan

Daftar isi

Paket
Mengapa Toast UI Editor?
Fitur
Contoh
Dukungan Browser
Tarik Langkah Permintaan
Berkontribusi
Toast UI Family
Digunakan oleh
Lisensi

? Paket

Editor UI Toast

Nama	Keterangan
`@toast-ui/editor`	Komponen JavaScript biasa

Pembungkus editor UI bersulang

Nama	Keterangan
`@toast-ui/react-editor`	Komponen pembungkus bereaksi
`@toast-ui/vue-editor`	Komponen pembungkus vue

Plugin Editor UI Toast

Nama	Keterangan
`@toast-ui/editor-plugin-chart`	Plugin to Render Chart
`@toast-ui/editor-plugin-code-syntax-highlight`	Plugin untuk menyorot sintaks kode
`@toast-ui/editor-plugin-color-syntax`	Teks Pengeditan Plugin ke Warna
`@toast-ui/editor-plugin-table-merged-cell`	Plugin untuk menggabungkan kolom tabel
`@toast-ui/editor-plugin-uml`	Plugin untuk membuat UML

? Mengapa Toast UI Editor?

Toast UI Editor menyediakan mode Markdown dan mode WYSIWYG . Bergantung pada jenis penggunaan yang Anda inginkan seperti produksi penurunan harga atau mungkin hanya mengedit penurunan harga . Editor UI Toast dapat membantu kedua penggunaannya. Ini menawarkan mode Markdown dan mode WYSIWYG , yang dapat dialihkan titik waktu apa pun.

Mode Markdown Produktif

penurunan harga

Spesifikasi CommonMark + GFM

Hari ini Commonmark adalah standar de-facto markdown . GFM (Markdown rasa GitHub) adalah spesifikasi populer lainnya berdasarkan Commonmark - dikelola oleh GitHub , yang merupakan markdown yang sebagian besar digunakan. Toast UI Editor mengikuti spesifikasi CommonMark dan GFM . Tulis dokumen dengan mudah menggunakan alat produktif yang disediakan oleh Toast UI Editor dan Anda dapat dengan mudah membuka dokumen yang diproduksi di mana pun spesifikasi didukung.

Pratinjau Langsung : Edit Markdown sambil mengawasi HTML yang diberikan. Pengeditan Anda akan segera diterapkan.
Gulir Sinkronisasi : Gulir sinkron antara penurunan harga dan pratinjau. Anda tidak perlu menggulir masing -masing secara terpisah.
SITOR SINTAX : Anda dapat memeriksa sintaks penurunan markdown yang rusak segera.

Mode WYSIWYG yang mudah

wysiwyg

Tabel : Melalui menu konteks tabel, Anda dapat menambahkan atau menghapus kolom atau baris tabel, dan Anda juga dapat mengatur teks dalam sel.
Editor Blok Kustom : Area blok khusus dapat diedit melalui editor internal.
Salin dan Tempel : Tempel apa saja dari browser, tangkapan layar, Excel, PowerPoint, dll.

Ui

Toolbar : Melalui toolbar, Anda dapat menata atau menambahkan elemen ke dokumen yang Anda edit.
Tema Gelap : Anda dapat menggunakan tema gelap.

Penggunaan berbagai fungsi yang diperluas - plugin

plugin

Commonmark dan GFM sangat bagus, tetapi kita sering membutuhkan lebih banyak abstraksi. Editor Toast UI hadir dengan plugin yang kuat sesuai dengan sintaks penurunan harga.

Lima plugin dasar disediakan sebagai berikut, dan dapat diunduh dan digunakan dengan NPM.

chart : Blok kode yang ditandai sebagai 'bagan' akan membuat bagan UI bersulang.
code-syntax-highlight : Sorot area blok kode yang sesuai dengan bahasa yang disediakan oleh Prism.js.
color-syntax : Menggunakan Toast UI ColorPicker, Anda dapat mengubah warna teks pengeditan dengan GUI.
table-merged-cell : Anda dapat menggabungkan kolom header tabel dan area tubuh.
uml : Blok kode yang ditandai sebagai 'UML' akan membuat diagram UML.

? Fitur

Penampil: Mendukung mode untuk hanya menampilkan data penurunan harga tanpa area pengeditan.
Internasionalisasi (I18N): Mendukung bahasa Inggris, Belanda, Korea, Jepang, Cina, Spanyol, Jerman, Rusia, Prancis, Ukraina, Turki, Finlandia, Ceko, Arab, Polandia, Galicia, Swedia, Italia, Norwegia, Bahasa Kroasia + Kroasia dan Anda dapat memperpanjang.
Widget: Fitur ini memungkinkan Anda untuk mengonfigurasi aturan yang menggantikan string yang cocok dengan RegExp spesifik dengan node widget.
Blok Kustom: Node yang tidak didukung oleh Markdown dapat didefinisikan melalui blok khusus. Anda dapat menampilkan node apa yang Anda inginkan melalui menulis logika parsing dengan blok khusus.

? Contoh

Dasar
Penonton
Menggunakan semua plugin
Membuat plugin pengguna
Menyesuaikan tombol Toobar
Internasionalisasi (I18N)

Berikut adalah lebih banyak contoh dan bermain dengan Toast UI Editor!

? Dukungan Browser

Chrome	Penjelajah Internet	Tepian	Safari	Firefox
Ya	11+	Ya	Ya	Ya

? Tarik Langkah Permintaan

Produk Toast UI adalah open source, sehingga Anda dapat membuat permintaan tarik (PR) setelah Anda memperbaiki masalah. Jalankan skrip NPM dan kembangkan diri Anda dengan proses berikut.

Pengaturan

Fork Cabang main ke dalam repositori pribadi Anda. Kloning ke komputer lokal. Instal Modul Node. Sebelum memulai pengembangan, Anda harus memeriksa apakah ada kesalahan.

$ git clone https://github.com/{your-personal-repo}/tui.editor.git
$ npm install
$ npm run build toastmark
$ npm run test editor

Editor Toast UI menggunakan ruang kerja NPM, jadi Anda perlu mengatur lingkungan berdasarkan NPM7. Jika subversi digunakan, dependensi harus diinstal dengan memindahkan jalur langsung per paket.

Mengembangkan

Anda dapat melihat kode Anda tercermin segera setelah Anda menyimpan kode dengan menjalankan server. Jangan lewatkan menambahkan kasus uji dan kemudian buat hak hijau.

Jalankan Snowpack-Dev-Server

Snowpack memungkinkan Anda menjalankan server pengembangan tanpa bundling.

$ npm run serve editor

Jalankan webpack-dev-server

Jika pengujian browser lama diperlukan, server pengembangan masih dapat dijalankan menggunakan webpack.

$ npm run serve:ie editor

Jalankan tes

$ npm test editor

Permintaan tarik

Sebelum mengunggah PR Anda, jalankan tes untuk terakhir kalinya untuk memeriksa apakah ada kesalahan. Jika tidak memiliki kesalahan, komit dan kemudian dorong!

Untuk informasi lebih lanjut tentang langkah -langkah PR, silakan lihat tautan di bagian yang berkontribusi.