|
TinyMCE Zengin Metin Düzenleyici Eklentisi (gösterim sayısı: 3.579)
|
| Yazan |
Konu içeriği |
|
yonetici
[Adem YILMAZ]
phpKF Ekip Başkanı
Kayıt Tarihi: 30.11.2006
İleti Sayısı: 3.006
Şehir: İstanbul
Durum: Gizli
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Konu Tarihi: 15.12.2008- 21:20
phpKF sürüm 1.60 ile, phpKF için yapılmış özel ve daha gelişmiş bir zengin metin düzenleyici gelmektedir.
Eklenti Adı: Forum için TinyMCE Zengin Metin Düzenleyici
Uygulanabilen Sürümler: phpKF 1.40 ve 1.50
Eklenti : TinyMCE - Javascript WYSIWYG Düzenleyici (BBCode eklentili)
Uyarlayan : Adem YILMAZ
Demo: Tıklayın
indirme: indirme sayfası - doğrudan indirme
Uygulama Süresi: 3-5 dakika
Bununla ilgili çok istek vardı, bende şuan sıfırdan yazdığım bir zengin metin editörü üzerinde çalışıyorum. Ama o zamana kadar bunun için bir mod yapmak istemiştim ve BBCode destekli zengin metin editörü bulamamıştım.
TinyMCE`i gördüm ve bunu mod olarak yapmak istedim. Gerçi TinyMCE`nin BBCode eklentisi yeni değil ama ben çalışır halde ilk defa gördüm. Ayrıca bazı eksikleri var, bunları düzeltmek için altta anlatılanları yapın.
TinyMCE, HTML yazmak için kullanıldığında birçok özelliği var ama sonuçta foruma sadece düz yazı veya forum kodları (BBCode) ile yazılabildiği için ancak BBCode desteği kadar özelliğini kullanabileceksiniz.
FORUMA UYGULAMA
Öncelikle TinyMCE Main package indirin.
İndirmek için; yukarıdaki indirme yanındaki doğrudan indirme bağlantısını tıklayabilir veya indirme sayfasına tıklayıp oradaki TinyMCE Main package indirebilirsiniz.
( Şu anki en güncel dosya tinymce_3_2_1_1.zip )
zip arşivi içinden çıkan tinymce klasörünün tamamını forum dizinine kopyalayın.
Kullandığınız temanın mesaj_yaz.html ve mesaj_degistir.html dosyalarını altta anlatıldığı şekilde düzenleyin.
Özel ileti gönderme sayfasına da (oi_yaz.html) uygulamak isterseniz aşağıda bu da anlatılmakta.
Kullandığını temanın mesaj_yaz.html dosyasını açın, sayfanın en üstüne şunu ekleyin:
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({theme : "advanced",
skin : "o2k7",
mode : "textareas",
language : "en",
plugins : "bbcode",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,undo,redo,link,unlink,image,fontsizeselect,forecolor,styleselect,removeformat",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "bottom",
theme_advanced_toolbar_align : "center",
theme_advanced_styles : "Code=codeStyle;Quote=quoteStyle",
content_css : "css/bbcode.css",
entity_encoding : "raw",
add_unload_trigger : false,
remove_linebreaks : false,
inline_styles : false,
convert_fonts_to_spans : false} ;
</script>
mesaj_yaz.html sayfanın en altına şunu ekleyin:
<script LANGUAGE="JavaScript" type="text/javascript">
document.form1.bbcode_kullan.checked = true;
</script>
mesaj_yaz.html sayfanda şunu bulun:
<textarea class="formlar" cols="83" rows="22" name="mesaj_icerik">{FORM_ICERIK}</textarea>
şununla değiştirin:
<textarea class="formlar" id="mesaj_icerik" name="mesaj_icerik" style="533px; height: 305px;" cols="83" rows="22">{FORM_ICERIK}</textarea>
<br><a href="javascript:void(0);" onclick="tinyMCE.execCommand('mceToggleEditor',false,'mesaj_icerik');">[Editör Değiştir]</a>
mesaj_yaz.html sayfanda şunu bulun:
onSubmit="return denetle()"
şununla değiştirin:
onSubmit="tinyMCE.execCommand('mceToggleEditor',false,'mesaj_icerik'); return denetle()"
mesaj_yaz.html sayfanda şunu bulun:
onSubmit="return onizle(), denetle()"
şununla değiştirin:
onSubmit="tinyMCE.execCommand('mceToggleEditor',false,'mesaj_icerik'); return onizle(), denetle()"
Yukarıda mesaj_yaz.html için yaptıklarınızın aynısını mesaj_degistir.html içinde uygulayın. Sadece oi_yaz.html sayfasında yukarıdaki iki kod yerine şu iki kodu kullanın:
mesaj_yaz.html sayfanın en altına şunu ekleyin:
<script LANGUAGE="JavaScript" type="text/javascript">
document.ozel_form.bbcode_kullan.checked = true;
</script>
<textarea class="formlar" id="mesaj_icerik" name="ozel_icerik" style="533px; height: 305px;" cols="83" rows="22">{FORM_ICERIK}</textarea>
<br><a href="javascript:void(0);" onclick="tinyMCE.execCommand('mceToggleEditor',false,'mesaj_icerik');">[Editör Değiştir]</a>
Dediğim gibi TinyMCE`nin birçok özelliği var, TinyMCE bilgisi olanlar daha fazlası yardım edebiilir. Mesela ben nasıl Türkçe yapıldığını çözemedim, o yüzden doğrudan bana sormayın ben de fazla bilmiyorum.
Editör ile gelen alttaki düğmeler bu editör ile kullanılıyor, üstteki eski düğmeler ise varsayılan editör ile kullanılıyor. İsterseniz karışıklık olmaması için üstteki düğmeleri silebilirsiniz. Ayrıca eklediğiniz kodlar arasından şunu silerseniz, kimse editör değiştiremez.
<a href="javascript:void(0);" onclick="tinyMCE.execCommand('mceToggleEditor',false,'mesaj_icerik');">[Editör Değiştir]</a>
TinyMCE`nin bazı eksikliklerini gidermek için alttaki yazıyı okuyun.
|
|
|
|
BBCode hatalarını düzeltmek için
|
| Yazan |
Cevap içeriği |
|
yonetici
[Adem YILMAZ]
phpKF Ekip Başkanı
Kayıt Tarihi: 30.11.2006
İleti Sayısı: 3.006
Şehir: İstanbul
Durum: Gizli
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Cevap Tarihi: 15.12.2008- 21:20
Yukarıdakileri aynen yapıp editörü kullanmaya başladıysanız üzeri çizgili, yazı boyutu, alıntı, kod vs. çalışmadığını göreceksiniz. (görsel olarak çalışır ama BBCode oluşturmaz)
Ben bunlardan üzeri çizgili ve yazı boyutlandırmayı yaptım, bunun için altta yazıları uygulayın.
/tinymce/jscripts/tiny_mce/plugins/bbcode klasörünü açın.
İçindeki editor_plugin.js dosyasını silin.
Aynı klasördeki editor_plugin_src.js dosyasının ismini editor_plugin.js yapın.
Aslında bu ikisi aynı dosya, sadece biri dosya boyutu küçük olması için içindeki boşlular atılmış ama bunun üzerinde düzenleme yapmak zor olduğu için diğerini kullanacağız.
|
|
|
|
BBCode hatalarını düzeltmek için 2
|
| Yazan |
Cevap içeriği |
|
yonetici
[Adem YILMAZ]
phpKF Ekip Başkanı
Kayıt Tarihi: 30.11.2006
İleti Sayısı: 3.006
Şehir: İstanbul
Durum: Gizli
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Cevap Tarihi: 15.12.2008- 21:21
Alttaki kodlarda BBCodelar olduğu için bbcode kapalı olarak buraya yazıyorum.
Adını değiştirdiğiniz editor_plugin.js dosyasını açın, içinde ŞUNU BULUN :
rep(/&/gi,"&");
ALTINA ŞUNU EKLEYİN:
rep(/<strike>/gi,"[s]");
rep(/<\/strike>/gi,"[/s]");
rep(/<font.*?size=\"(.*?)\".*?>(.*?)<\/font>/gi,"[size=$1]$2[/size]");
AYNI DOSYADA ŞUNU BULUN :
rep(/\[quote.*?\](.*?)\[\/quote\]/gi,"<span class=\"quoteStyle\">$1</span> ");
ALTINA ŞUNLARI EKLEYİN:
rep(/\[size=(.*?)\](.*?)\[\/size\]/gi,"<font size=\"$1\">$2</font>");
rep(/\[s\]/gi,"<strike>");
rep(/\[\/s\]/gi,"</strike>");
|
|
|
|
Cvp:
|
| Yazan |
Cevap içeriği |
|
FaTe
[FaTe]
Forum Yardımcısı
Kayıt Tarihi: 13.01.2008
İleti Sayısı: 382
Şehir: Gizli
Durum: Gizli
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Cevap Tarihi: 15.12.2008- 21:32
Gerçekten baya uğraşmışsınız , ellerinize sağlık Adem bey.
Forumda kullanmak isteyenler illaki olacaktır ama ben sizin yaptığınız editörü beğeniyorum, vazgeçmem 
|
Şifalı Bitkiler V.2 - WebMaster Forumu
phpkf için bot yazılır.
|
|
Cvp:
|
| Yazan |
Cevap içeriği |
|
gültay
[forumixir]
Kayıt Tarihi: 19.02.2008
İleti Sayısı: 662
Şehir: İstanbul
Durum: Forumda Değil
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Cevap Tarihi: 15.12.2008- 21:35
Emeğinize sağlık
|
www.forumixir.com
Eğitimdir ki, bir milleti hür, bağımsız, şanlı, yüksek bir toplum halinde yaşatır, veya bir milleti kölelik ve yoksulluğa terkeder.
|
|
Cvp:
|
| Yazan |
Cevap içeriği |
|
yonetici
[Adem YILMAZ]
phpKF Ekip Başkanı
Kayıt Tarihi: 30.11.2006
İleti Sayısı: 3.006
Şehir: İstanbul
Durum: Gizli
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Cevap Tarihi: 15.12.2008- 21:45
Evet baya uğraştırdı ama yinede istenilen gibi olmadı, zaten kendi kodlarım olmadığı için fazla müdahale etmiyorum, çok değişiklik modu uygulamasını da zorlaştırır.
Üzerinde çalıştığım kendi kodlamam olan bir zengin metin editörü var, inşallah o daha kullanışlı olacak. Eğer bitirebilirsem forumla beraber gelecek.
|
|
|
|
Cvp:
|
| Yazan |
Cevap içeriği |
|
PRNRMLWBMSTR
[MuhammeT]
Forum Yardımcısı
Kayıt Tarihi: 06.06.2008
İleti Sayısı: 673
Şehir: İstanbul
Durum: Forumda Değil
E-Posta Gönder
Özel ileti Gönder
|
Cevap Tarihi: 16.12.2008- 15:30
elinize sağlık adem bey. bayağı uğraşmışsınız ..
|
Tatil Gibisi Yok  |
|
Cvp:
|
| Yazan |
Cevap içeriği |
|
safir45
[metin çelebi]
Kayıt Tarihi: 23.07.2008
İleti Sayısı: 57
Şehir: Bursa
Durum: Forumda Değil
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Cevap Tarihi: 19.12.2008- 00:12
Emeğine Sağlık kardeş çok uğraşmıssın bunun için fakat yzadıklarının hepsini uyguladım ama nedense bende olmadı ama yinede uğraşın ve emeklerin için teşekkürler
|
|
|
|
Cvp:
|
| Yazan |
Cevap içeriği |
|
yonetici
[Adem YILMAZ]
phpKF Ekip Başkanı
Kayıt Tarihi: 30.11.2006
İleti Sayısı: 3.006
Şehir: İstanbul
Durum: Gizli
E-Posta Gönder
Web Adresi
Özel ileti Gönder
|
Cevap Tarihi: 19.12.2008- 00:27
Alıntı Çizelgesi: safir45 yazmış
Emeğine Sağlık kardeş çok uğraşmıssın bunun için fakat yzadıklarının hepsini uyguladım ama nedense bende olmadı ama yinede uğraşın ve emeklerin için teşekkürler
Dikkatlice tekrar yapın, bir yerde hata yapmış olmalısınız.
Ben defalarca denedim ve sorun yok, zaten çalışmayan hiçbir şeyi paylaşmam.
|
|
|
