alexa  Menu
tinymce-editor-kurulumu
TinyMCE editör kurulumu

  02.08.2015 ,   1 yorum ,   1.627 kez okundu.

Projelerimizde kullandığımız farklı gelişmiş metin editörleri vardır. Örneğin eskiden FCK şimdi CKEditör, wysiwyg editörü ve s. Şimdi göstermek istediğim ise TinyMCE editörü. Kurulumu ve kullanışı çok basit olduğundan ve sayfalarınızın geç yüklenmesine sebep olmadığından bu editörün kurulumunu paylaşmak istedim.

Öncelikle TinyMCE editör sayfasına giderek download bölümünden editör dosyalarını indirmeniz gerekiyor. İndirdiğiniz zip dosyası içerisinde tinymce klasörü, onun içerisinde js klasörü ve bu klasör içerisinde de yine tinymce klasörü bulunmaktadır.


Biz direk en son klasörü zip dosyasından çıkararak sitemizin bulunduğu ana dizine yapıştıracağız.

Örnek olarak site diye bir klasörümüz olduğunu farzedelim ve bunun içerisine de tinymce klasörünü yapıştırdığımızı düşünelim.

Şimdi sitemizde hangi sayfada bu editörü kullanacaksak o sayfada bulunan <head> etiketleri arasına aşağıdaki kodu eklememiz gerekiyor:

Burada #mytextarea diyerek editörümüzün id`sini belirtmiş olduk.  Width ve Height değerleri ile de editörümüzün genizlik ve yükseklik değerlerini belirttik.

Şimdi sayfamıza <body> etiketleri arasında bir html kodları ile editörümüzü ekleyelim:

Böylece tüm işlemlerimiz gerçekleşmiş oldu. Uygulamayı denemek için aşağıdan örnek dosyayı indirebilirsiniz.

örnek dosya

Eğer gerek duyulursa ileride video ders olarak da entegrasyonu anlatabilirim. Yorumlarda belirtebilirsiniz.

Daha detaylı bilgi için buraya gözatabilirsiniz.

06 Ağustos tarihinde yenilenmiştir:

Dersin görsel olarak da bulunmasını istediğim için ve istek olduğu için kaydettim buyurun:

1 yıldız2 yıldız3 yıldız4 yıldız5 yıldız (No Ratings Yet)
Loading...

1 yorum yapılmış
  1. WYSIWYG HTML editor eklentileri

    […] önce TinyMCE editörünü paylaşmıştım. Aslınca çok güzel ve benim de bazı projelerde kullandığım bir editör. […]

    29.08.2016, 8:33:37

Yorum yapın..

Güvenlik kodu *