Asp.Net MVC İçin WYSIWYG Editör

14 Ağustos Cuma, 2009 | Javascript Asp.net Mvc /*Yorumlar (6)*/

Zon zamanlarda Asp.Net Mvc ile uğraşıyorum. Asp.Net uygulamaları geliştiriken code-behind çalışan biriyseniz ilk etapta belli alışkanlıkları değiştirmeniz gerekiyor. Bunun yanısıra alışkanlık kazanmış olduğunuz bazı kontrolleride yer yer kullanamamakta ayrı bir problem teşkil ediyor. Buna örnek olarak WYSIWYG editorleri gösterilebilir.

Fck ve TinyMCE olmak üzere sürü ile editör mevcut fakat basit ve hafif bir editör ihtiyacınız varsa htmlArea benim favorim.

Editör dosyalarını buradan örnek projeyi şuradan indirebilirsiniz.

Gelelim projeye adapte etme kısmına;
- Öncelikle editor klasörünü Content klasörüne kopyalıyoruz.

htmlArea

- creator.js dosyasında ki 2. satırı şu şekilde değiştiriyoruz.

_editor_url = "/Content/editor/";// editörün dosyalarının bulunduğu yol

- creator.js dosyasını editörü kullanacağımız sayfaya link verdikten sonra sayfaya 1 adet texteara ekliyoruz.

<textarea name="content" id="content" style="width: 500px; height: 250px;">
<%= ViewData["Data"] %></textarea>
 
<script language="javascript1.2">
    editor_generate('content');
</script>

artık sayfamızı test edebiliriz.

htmlArea

Yorumlar

sinan

Güze bir calişma tsk ederim hocam,Fakat örnek proje dowınload calılmıyor.

28 Ağustos Cuma, 2009

Emre AYRILMAZ

Selam,
linkler düzeltilmiştir.

29 Ağustos Cumartesi, 2009

Sinan

Tsk Ederim hocam.

29 Ağustos Cumartesi, 2009

altugfb

elinize saglık hocam:) Ama calısmıyor,bir bakar msıısnız?

11 Aralık Cuma, 2009

Emre AYRILMAZ

Proje standart bir Asp.Net uygulaması değil. Çalışması için buradan MVC Frameworku indirip kurman gerekir.

11 Aralık Cuma, 2009

Mehmet Ali

Merhaba Hocam, Varlığınız Bize huzur veriyor :) MVC için daha fazla örnek sunabilirmisiniz ? Hele ki görsel olursa, daha bi müteşikkir kalırız.   İyi çalışmalar.

5 Aralık Pazar, 2010

Yorum Yaz

Ad

Email (sahte adresli yorumlar silinir.)

Yorum