.Net Denemeleri

Asp.Net MVC İçin WYSIWYG Editör

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

14 Ağustos Cuma, 2009 | Javascript Asp.net Mvc