Koenig, Editor Ghost CMS Kini Open Source

koenig oss.jpg
July 31, 2023
Uncategorized
Share

Koenig merupakan editor yang digunakan sejak Ghost v1.0 dan merupakan editor baru menggantikan editor di versi sebelumnya. Koenigdirilis pada 27 Juli bersamaan dengan rilis Ghost 1.0.

Koenig Editor. Image credit: Ghost

Format

Editor baru Koenig menawarkan peningkatan luar biasa untuk pengalaman pengguna, dengan desain yang lebih bersih, bilah alat baru, kartu, dukungan Markdown, snippet visual untuk situs web yang disematkan, dan beberapa opsi tampilan tergantung pada apakah Anda lebih suka kolom tunggal terfokus atau pratinjau samping.

⚠️
Secara singkat, Koenig terdiri dari dua jenis konten: Rich-text dan kartu.

Rich-text

Rich-text mencakup semua konten teks seperti header, paragraf, daftar, dan pemformatan umum.

Gaya rich-text. Image credit: Ghost

Kartu

Kartu mewakili konten non-teks (gambar, penyematan, pembagi, dll) atau wadah untuk format lain seperti Kode, Markdown, atau HTML.

Beberapa kartu seperti Markdown, HTML, dan kartu Kode akan memiliki mode “edit” dan akan berada dalam mode ini saat pertama kali dimasukkan, Anda dapat keluar dari mode ini dengan menekan Escape atau mengeklik untuk meletakkan kursor di luar kartu. Untuk kembali ke mode edit, Anda dapat mengklik dua kali pada kartu, atau memilihnya dengan menggerakkan kursor menggunakan keyboard, lalu menekan ⌘/Ctrl+Enter.

Markdown editor

Markdown didukung penuh oleh Koenig, kita dapat menggunakan editor visual melalui fitur kartu atau melalui sisipan kode ala GitHub seperti:

  • *...* or _..._ = cetak miring
  • **...** = cetak tebal
  • [example](https://example.com/) = pembuatan link

Pintasan keyboard

Selain menggunakan toolbar, kita juga dapat menggunakan pintasan keyboard sehingga pekerjaan kita menjadi lebih mudah.

Banyak format serta beberapa lainnya juga dapat diterapkan melalui pintasan keyboard:

  • Ctrl+B: huruf cetak tebal
  • Ctrl+I: huruf cetak miring
  • Ctrl+U: garis bawah
  • Ctrl+K: mematikan input tautan
  • Shift+Enter: menyisipkan soft-break atau enter
Recommended:  Cara Instalasi Ghost Di CloudPanel

Demo

Jika tertarik mencoba Koenig, Anda dapat mengaksesnya melalui situs:

Koenig Lexical Demo

Repo GitHub

Untuk mengintegrasikan Koenig dengan proyek Anda, ikuti petunjuk penggunaan dan dapatkan kode sumber dari repositori GitHub.

GitHub – TryGhost/Koenig: Components of Ghost’s Editor
Components of Ghost’s Editor. Contribute to TryGhost/Koenig development by creating an account on GitHub.