Sayfalar

4 Haziran 2008 Çarşamba

PHP için text Editör'ü

Makale scripti olsun haber scripti vs.. gibi script yazanlar mutlaka metin editörü aramışlardır.
Bunların en bilinenleri FCKeditor , TinyMCE 've Hoteditor'dür fakat çok gereksiz özellikleri olması nedeni ile
boyutlarının çok fazla olmasından dolayı nedense bana itici gelmişlerdir.
Sizlere bunların dışında benim hoşuma giden güzel text editöründen bahsedeceğim.

Editörümüzün adı Nicedit. Editörün Demosuna buradan bakabilirsiniz .

Nice editör'ümüz ismindende anlaşıldığı üzere gerçekten güzel bir editör.
2 Adet dosyadan oluşuyor bir js dosyası birde gif dosyasından

kullanımı şu şekilde:

Javascript Kısmı

<!--javascript Kısmı-->

<script src="nicEdit.js" type="text/javascript"></script> // Ncedit.js dosyamızı dahil ediyoruz
<script type="text/javascript">
bkLib.onDomLoaded(function() {
var editor = new nicEditor(); // Yeni bir Editör Tanımlıyoruz
editor.setPanel('editorum'); // Editörün Görüneceği ID'yi tanımlıyoruz
editor.addInstance('yazi'); // Editörün Çalışacağı ID'ı tanımlıyoruz

});
</script>

<!--javascript Bitti-->

Sayfamızı Yapalım

<-Başlar->

<div id="editorum" style="width: 400px;"></div> // Editorun Görüneceği Alanı belirledik
<textarea style="width: 400px;" id="yazi"></textarea> // Editörün Etkili olacağı alanı belirledik

<-Biter->

Eklemem Gereken bir Kaç şey var eğer full panelin görünmesini istiyorsanız renk paleti vs...

var editor = new nicEditor( ); yerine var editor = new nicEditor( {fullPanel : true} );

Yazmalıyız Yani {fullPanel : true} ekledik.
Bir diğer'i ise editörde iconların görüne bilmesi için iconsPath belirlemeliyiz.
Bunu 2 şekilde yapabiliriz birincisi Ncedit.js dosyasını açıp
iconsPath : '../nicEditorIcons.gif' satırını bulup nicEditorIcons.gif dosyasının yolunu kendimize göre düzenlemek.
Bir diğer yöntem ise
var editor = new nicEditor(); yerine
var editor = new nicEditor( {iconsPath : 'nicEditorIcons.gif'} ); yazmak.
Hem Full panel Çalışsın hemde iconpath'i ayarlamak için

var editor = new nicEditor( {iconsPath : 'resimlerim/nicEditorIcons.gif',fullPanel : true} ); yazmanız yeterlidir

Hazırlamış Olduğumuz Editörün Demosuna Buradan Bakabilirsiniz.

Nice Editör dışında size önere bileceğim diğer editörler.

Jquery Pluguni olan Damn Small Rich Text Editor

openWYSIWYG
wymeditor

Yukarıda saydıklarıma bir çok editör eklene bilir fakat benim hoşuma giden ve ücretsiz olanlar yukarıda bahsettiklerim.

5 yorum:

Adsız dedi ki...

ben de böyle küçük ama işlevsel bişey arıyordum. çok işime yarayacak. teşekkürler :)

Derya Barış dedi ki...

gerçekten çok faydalı oldu. teşekkür ediyorum bu güzel linkler ve detaylı açıklamarınız için.

Adsız dedi ki...

Allah razı olsun kardeş çoookk teşekkür ederim nezamandır böyle pratik bir editör arıyordum sağolasın

Unknown dedi ki...

Harika, tam aradığım gibi, Allah razı olsun..

Emre dedi ki...

Çok teşekkür ederim kardeşim