MD Editor Elementi Ekleme

MD Editor elementini uygulamanız içerisine eklemeniz oldukça kolay. MD Editor elementini eklemek için aşağıdaki adımları izlemeniz gerekmektedir.

  1. UI Design modülünde, sol taraftaki Elements panelini açın.
  2. Display kategorisi içerisinden MD Editor’u ekrana sürükleyin ve bırakın.
  3. MD Editor elementini ekranda boş bir alana sürüklerseniz Row elementi ile eklenir. Bir Column içine sürüklerseniz sadece MD Editor elementi eklemiş olursunuz.
  4. Properties (Özellikler) paneli içerisinden MD Editor elementinin ayarlamalarını yapabilirsiniz.
  5. Style (Stil) paneli içerisinden MD Editor elementinin stil düzenlemelerini yapabilirsiniz.

MD Editor, sadece web uygulamaları desteklemektedir. Mobil uygulamaları desteklememektedir.

Ekrana eklenen MD Editor içerisinde UI modülü üzerinde önizleme almadan doğrudan element içerisinde metinsel düzenlemeleri yapabilirsiniz. Örneğin, kullanıcılar metinleri kalın, italik, altı çizili gibi biçimlendirme ile stillendirebilirler.

Metinsel biçimlendirme yöntemleri aşağıda yer almaktadır:

  1. Add Bold Text : Metni kalın yapabilirsiniz.
  2. Add Italic Text: Metni eğik yazabilirsiniz.
  3. Add Strikethrough Text : Metnin üstünü çizebilirsiniz.
  4. Insert HR : Yatay bir ayırıcı çizgi ekleyebilirsiniz.
  5. Insert Title: Metni başlık olarak biçimlendirebilirsiniz. # (diyez) işareti kullanarak farklı başlık seviyelerini oluşturabilirsiniz. Örneğin, # Başlık 1, ## Başlık 2 gibi.
  6. Add a Link : Metin içine bağlantılar ekleyebilirsiniz.
  7. Insert a Quote: Metin içerisinde alıntılar yapabilirsiniz.
  8. Resim Ekleme: Görsel içerikleri editör içerisine ekleyebilirsiniz.
  9. Kod Blokları: Kod örnekleri ve kod blokları ekleyebilirsiniz.
  10. Dipnotlar: Dipnotlar ve referanslar eklemek için özellikler sunabilir.
  11. Live Code (Canlı Kod): Markdown belgesindeki kodu canlı olarak çalıştırarak sonuçları görüntülemek için kullanılır.
  12. Preview Code (Kodu Önizle): Markdown belgesini önizlemek için kullanılır, böylece belgenin son halini görüntüleyebilirsiniz.
  13. Fullscreen (Tam Ekran): Editör penceresini tam ekran yaparak daha geniş bir çalışma alanı elde etmenizi sağlar, böylece yazma ve düzenleme işlemlerini rahatlıkla yapabilirsiniz.