img

Ckeditor 5 Üzerine İpuçları

Web ajans scriptinin CKeditor 4'ten CKditor 5'e geçirirken epey zorlandım, aslında basit konular olsa dökümantasyon fazla geniş aradığınızı bulmakta zorlanıyorsunuz.

CKEditor 5'i burada bulunan bağlantı üzerinden kendi isteklerinize göre build edip indirmelisiniz.

İndirdiğiniz dosyalar içerisinde sadece build klasörü size gerekli gerisi çöp.

Build klasörünü ckeditor5 olarak kaydedip, projenizde uygun bir yere atın ardından. formunza textarea alanı ekleyip, bir id verin.

<textarea id="aciklama" name="aciklama"></textarea>

Sayfanızın </body> kapanış etiketinin hemen üstüne; aşağıdaki kodları ekleyin.

<script src="ckeditor5/ckeditor.js"></script> //BURADAKİ .JS YOLUNU DOĞRU GİRDİĞİNİZDEN EMİN OLUN
<script>
      ClassicEditor
      .create( document.querySelector( '#aciklama' ), {
        licenseKey: '',
      } )
      .then( editor => {
        window.editor = editor;
      } )
      .catch( error => {
        console.error( error );
      } );
</script>

Ajax veya normal bir post işlemi ile sorunsuzca post edebilirsiniz. CKEditor 4'deki gibi update, insert işlemleri için harici kod yazmıyoruz. Ancak, örenğin bir bootstrap modalı içerisinde form açtırıp, formda bulunan textarea alanına ajax ile post olunduktan sonra dönen json formattaki response bilgisini şu şekilde alamıyoruz.

$.ajax({
       url:"admin-crud-islemleri-ajax",
       method:"POST",
       data:{urun_duzenle_hazirlik_id:urun_duzenle_hazirlik_id},
       dataType:"json",
       success:function(data){
        $('#userModal').modal('show');
        $('#aciklama').val(data.urun_aciklama); //BU ŞEKİLDE ALMAYA ÇALIŞIRSANIZ OLMAYACAKTIR.
       }
     })
 });

Onun yerine

$.ajax({
       url:"admin-crud-islemleri-ajax",
       method:"POST",
       data:{urun_duzenle_hazirlik_id:urun_duzenle_hazirlik_id},
       dataType:"json",
       success:function(data){
        $('#userModal').modal('show');
        editor.setData(data.urun_aciklama); //DOĞRU KULLANIM
       }
     })
 });

ToolBar'daki menüleri listeleme

let menuler = Array.from( editor.ui.componentFactory.names() );
console.log(menuler)

ToolBar'da ki menülerden özellik kaldırma

ClassicEditor
  .create( document.querySelector( '.mesaj' ), {
    toolbar: [ 'bold', 'italic', 'link', 'undo', 'redo', 'codeBlock', 'uploadImage' ]
    }
})

İlk Yorumu Yapan Sen Ol!

Web Tasarımlar

  • Lisans Yönetim Scripti 2

    22K
    1000.00₺
  • Canlı Radyo Dark Scripti

    14.4K
    1000.00₺
  • Canlı Radyo Light Scripti

    8.7K
    1000.00₺
  • Rüzgar Radyo Scripti

    8.6K
    0.00₺
  • Radyo Minimal

    4.5K
    1000.00₺
  • Ekitap Scripti

    6.4K
    3000.00₺
  • Aşk Sevgililer GünüEvlilik

    7.9K
    1000.00₺
  • Sohbet Scripti

    8.2K
    0.00₺
  • Dialog Whatsapp Benzeri Sohbet

    5.2K
    0.00₺
  • Firebase Chat

    4.1K
    0.00₺
  • Web Ajans Scripti

    26.5K
    3500.00₺
  • Ajans Scripti Kolay Kullanım

    3.4K
    1000.00₺
  • Ajans Scripti V2

    3.3K
    1000.00₺
  • Ajans Scripti V3

    3.4K
    1000.00₺
  • Avukat Ve Hukuk Bürosu Scripti

    2.3K
    1000.00₺
  • Avukat Ve Hukuk Bürosu Web Tasarım V2

    3K
    1000.00₺
  • Mobil Uyumlu Çilingir Scripti

    2.2K
    1000.00₺
  • Kuaför Güzellik Salonu Spa Merkezi Web Tasarım

    2.9K
    1000.00₺
  • Sağlık Güzellik Poliklinik Dişçi Hastane Web Tasarımı

    2.5K
    1000.00₺
  • Sağlık Güzellik Poliklinik Dişçi Hastane Web Tasarımı V2

    42.9K
    1000.00₺
  • İlaçlama Şirketi Web Tasarımı

    6.1K
    1000.00₺
  • İlan Web Tasarımı

    2.7K
    1000.00₺
  • İlan Web Tasarımı V2

    2.5K
    1500.00₺
  • İnşaat Firması Web Tasarımı

    2.2K
    1000.00₺
  • İnşaat Firması Tasarımı V2

    2.2K
    1000.00₺
  • Kitapçı Kırtasiye Web Tasarımı

    2.7K
    1000.00₺
  • Kombi Klima Servisi Web Tasarımı

    2.5K
    1000.00₺
  • Korku Evi Eğlence Mekanı Web Tasarımı

    2.5K
    1000.00₺
  • Kurumsal Firma Web Tasarımı V2

    3.6K
    1000.00₺
  • Kurumsal Firma Web Tasarımı V3

    3.7K
    1000.00₺
  • Ajans Web Tasarımı V4

    2.7K
    1500.00₺
  • Kurumsal Firma Web Tasarımı V4

    3.3K
    1000.00₺
  • Kurumsal Firma Web Tasarımı V5

    3.9K
    1000.00₺
  • Kurumsal Firma Web Tasarımı V6

    3.5K
    1000.00₺
  • Kurumsal Firma Web Tasarımı V7

    3.8K
    1000.00₺
  • Kurumsal Firma Web Tasarımı V8

    3.3K
    1000.00₺
  • Mobilya Dekorasyon Web Tasarımı

    3K
    1000.00₺
  • Nakliyat Taşımacılık Web Tasarımı

    2.3K
    1000.00₺
  • Nakliyat Taşımacılık Web Tasarımı V2

    2.7K
    1000.00₺
  • Nakliyat Taşımacılık Web Tasarımı V3

    2.9K
    1000.00₺
  • Ana Okulu Ve Kreş Web Tasarımı

    2.5K
    1000.00₺
  • Otel Pansiyon Web Tasarımı

    2.6K
    1000.00₺
  • Özel Oto Servis Web Tasarımı

    2.4K
    1000.00₺
  • Rent A Car Araç Kiralama Web Tasarımı

    6.5K
    1000.00₺
  • Rent A Car Araç Kiralama Web Tasarımı V2

    3.6K
    1000.00₺
  • Restaurant Cafe Bar Lokanta Web Tasarımı

    3.1K
    1000.00₺
  • Restaurant Cafe Bar Lokanta Web Tasarımı V2

    3K
    1000.00₺
  • Teknik Servis Web Tasarımı

    3K
    1000.00₺
  • Sigorta Acenta Web Tasarımı

    2.5K
    1000.00₺
  • Spor Salonu Body Fitness Web Tasarımı

    2.6K
    1000.00₺
  • Spor Salonu Body Fitness Web Tasarımı V2

    3K
    1000.00₺
  • Sürücü Kursu Web Tasarımı

    3.2K
    1000.00₺
  • Tek Ürün Satış Web Tasarımı

    3.3K
    1000.00₺
  • Tek Ürün Satış Web Tasarımı V2

    2.9K
    1000.00₺
  • Tek Ürün Yaprak Web Tasarımı

    2.7K
    1100.00₺
  • Tek Ürün Yaprak Web Tasarımı V2

    3.1K
    1100.00₺
  • Tek Ürün Satış Web Tasarımı V3

    3K
    1000.00₺
  • Temizlik Şirketi Web Tasarımı

    3K
    1000.00₺
  • Temizlik Şirketi Web Tasarımı V2

    3K
    1000.00₺
  • Ajans Web Tasarımı V5

    3.4K
    1000.00₺
  • Ajans Web Tasarımı V6

    4.6K
    1000.00₺
  • Werock Radyo Web Tasarımı

    4.5K
    1000.00₺
  • Avukat Ve Hukuk Bürosu Tasarımı V3

    1.8K
    1000.00₺
  • Kuaför Güzellik Salonu Spa Merkezi Web Tasarımı V2

    1.7K
    1000.00₺
  • Sağlık Güzellik Poliklinik Dişçi Hastane Web Tasarımı V3

    6.2K
    1000.00₺
  • İnşaat Firması Web Tasarımı V3

    1.7K
    1000.00₺
  • Kurumsal Firma Web Tasarımı V9

    1.8K
    1000.00₺
  • Mimarlık Web Tasarımı

    1.6K
    1000.00₺
  • Nakliyat Taşımacılık Web Tasarımı V4

    2K
    1000.00₺
  • Ana Okulu Ve Kreş Web Tasarımı V2

    1.6K
    1000.00₺
  • Psikolog Web Tasarımı

    1.8K
    1000.00₺
  • Spor Salonu Body Fitness Web Tasarımı V3

    2K
    1200.00₺
  • Sürücü Kursu Web Tasarımı V2

    2.1K
    1000.00₺
  • Teknik Servis Web Tasarımı V3

    2.3K
    1000.00₺
  • Ajans Web Tasarımı V7

    2K
    900.00₺
  • Google Indexing Api

    692
    500.00₺
  • Milando Radyo Wordpress Teması

    870
    1000.00₺

Vip Tema Web Ajans Yazılımı

Profesyonel ve her yönü ile kontrol edilebilir gelişmiş çok özellikli ajans yazılımıdır. İşte öne çıkan özellikler.

  • PAYTR Ödeme Entegrasyonu
  • SHIPY Ödeme Entegrasyonu
  • WHM Hosting Satış Entegrasyonu
  • Domain Sorgulama/Satış Entegrasyonu
  • Google Authenticator
  • SMS 2 Faktörlü Doğrulama
  • Net Gsm SMS Entegrasyonu
  • İleti Merkezi SMS Entegrasyonu
  • İnteraktif SMS Entegrasyonu
  • Mas GSM SMS Entegrasyonu
img