TinyMCE Editör Alanı Kurulumu ve Kullanımı

TinyMCE Editör Alanı Kurulumu ve Kullanımı
Nisan 16 19:52 2014 Bu yazıyı yazdır

Yönettiğimiz ve kullandığımız web sitelerinin çoklu metin girme alanlarında düzenlenebilir editoryal alanları sürekli olarak kullanmaktayız. Microsoft Office programlarından bilinen bu görüntüyü hepiniz biliyorsunuz. Tabi bunların web için geliştirilmiş olanları da mevcut. Bunların en yaygın olarak kullanılanı TinyMCE.

acknowledgements_logo_tinymce

Bu yararlı ve açık kaynak kodlu aracı TinyMCE resmi web sitesinden ücretsiz olarak indirilebilmektedir. Mevcut sürüm 4.0.21: TinyMCE, nasıl çalıştığını denemek için ise burayı kullanabilirsiniz: TRY Online

İlgili dosyaları bilgisayarınıza indirdikten sonra aşağıdaki kodları yazacağınız form.html adında bir dosya oluşturun ve herhangi bir internet tarayıcısında çalıştırın:

Yukarıdaki kodları çalıştırdığımızda aşağıdaki görüntü elde edilecektir:

TinyMCE Ekran Önizlemesi

TinyMCE Ekran Önizlemesi

Bu görüntüde bulunan editör özelliklerini tinymce.init içerisinde oluşturabiliriz. Örneğin genişlik ve yükseklik oluşturmak için JQuery kodlarını şu şekilde düzenleyelim:

Genel özellikleri ile dolu olan bir editoryal alan için aşağıdaki kodları kullanabilirsiniz.

Yukarıdaki şekliyle düzenlenen form alanı şu şekilde görüntülenecektir:

Ek özellikler ile TinyMCE

Ek özellikler ile TinyMCE

  Yazı şöyle etiketlendi:
  Kategoriler:
A.Gökhan, M.Sc.
A.Gökhan, M.Sc.

My Name is A. Gokhan SATMAN, and I am a software engineer, Author and game developer. gokhansatman.com

Daha fazla yazı görüntüle
Yorum yaz

6 Yorum

  1. Mesut Nohutcu
    Ağustos 29, 23:31 #1 Mesut Nohutcu

    İlk defa TinyMCE kullanacağım, aydınlatıcı bilgi verdiğiniz için çok teşekkür ederim. Saygılarımla

    Reply to this comment
  2. CarltonNus
    Aralık 08, 22:15 #2 CarltonNus

    Fine article

    Reply to this comment
  3. Sadettin ilgün
    Şubat 06, 16:33 #3 Sadettin ilgün

    Bu editörde yazı girilirken karakter sayma ve sınırlama işlemi nasıl yapılır?

    Reply to this comment
  4. ch
    Aralık 29, 04:05 #4 ch

    Nasıl türkçe yapabiliriz ?

    Reply to this comment

Yorum ekle

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.

*