MyBB WYSIWYG Editor (Xss Yok, Html aktif etmek yok!)
Böyle bir editör isteyen çok kişi vardı bende JitBit WYSIWYG BBcode isimli editoru alıp MyBB’ye uyarladım. Eklenti halinede getirdim ama fazla vaktim olmadığından kaldırma kısmını kodlamayamadım.
Bu yüzden eklentiyi devre dışı bırakırken manuel olarak devre dışı bırakmak zorundasınız. Bir de yandaki smileylere tıklayarak yazıya smiley ekleyemiyorsunuz ama “:–)” gibi ifadeler yazarak ekliyebiliyorsunuz, ikisinde boş bir zamanımda halletmeye çalışacağım. Herhangi bir sorun olursa yorum yazarak beni bilgilendirebilirsiniz, elimden geldiğince yardımcı olmaya çalışırım. Unutmadan İlgi olursa editörün kodlarıyla oynayarak çok daha gelişmiş bir hale getireceğim.
Buradan bir bilgilendirme daha yapayım. Login Logs isminde bir eklenti kodluyorum hemen hemen bitti sayılır (veritabanına bilgileri kaydediyor bunu kullanıcılara göstermek kaldı), bu eklenti sayesinde forumunuza giriş yapmaya çalışıp yanlış şifre yazanların ip, browser, girdiği kullanıcı adı ve şifre gibi bilgilerini öğrenebileceksiniz. Login Logs çıktığında ilk kullanmaya başlayan kişi olmak ve eklenti hakkında yeni haberler almak için RSS adresimi takip edebilirsiniz 🙂
Eklenti
Dosyaları forum dizininize atıp eklentiyi admin panelinden aktif edin.
Changelog
JitBit WYSIWYG Editor 0.2 Beta (Çıkış tarihi 23 Ağustos 2010)
- Yazılara renk atama sorunu giderildi.
Kaldırma
1-)Gruplandırılmamış şablonlardan (en alttaki şablon grubu) codebuttons şablonunu orjinale çevirin.
2-)newthread şablonunu aç
sil
<style> .editorWYSIWYG {font: 8pt Tahoma;} .editorBBCODE {font: 8pt "Courier New";} div.richeditor div.editbar {margin-top:5px;background-image:url('images/editbar_bg.gif');border-left:1px solid silver;border-right:1px solid silver;border-top:1px solid silver;border-bottom:none;width:545px;} div.richeditor div button{vertical-align:middle;width:25px;height:25px;border:1px solid transparent;background-color:Transparent;cursor:pointer;color:Black;background-position:center;background-repeat:no-repeat;background-image:none;} div.richeditor div button:hover{border:1px solid silver;} div.richeditor div.container {border-top:none;border-bottom:1px solid silver;border-left:1px solid silver;border-right:1px solid silver;} div.richeditor textarea{padding:0px 0px 0px 0px;border:none;width:545px;height:255px;} div.richeditor iframe{background-color:#ffffff;border:none;width:545px;height:255px;} <style>
bul
<form action="newthread.php?fid={$fid}&processed=1" method="post" enctype="multipart/form-data" name="input" onsubmit="doCheck();">
değiştir
<form action="newthread.php?fid={$fid}&processed=1" method="post" enctype="multipart/form-data" name="input">
bul
<div class="richeditor"> <div class="editbar"> <button title="bold" onclick="doClick('bold');" type="button"><b>B</b></button> <button title="italic" onclick="doClick('italic');" type="button"><i>I</i></button> <button title="underline" onclick="doClick('underline');" type="button"><u>U</u></button> <button title="hyperlink" onclick="doLink();" type="button" style="background-image:url('images/url.gif');"></button> <button title="image" onclick="doImage();" type="button" style="background-image:url('images/img.gif');"></button> <button title="list" onclick="doClick('InsertUnorderedList');" type="button" style="background-image:url('images/icon_list.gif');"></button> <button title="color" onclick="showColorGrid2('none')" type="button" style="background-image:url('images/colors.gif');"></button><span id="colorpicker201" class="colorpicker201"></span> <button title="quote" onclick="doQuote();" type="button" style="background-image:url('images/icon_quote.png');"></button> <button title="youtube" onclick="InsertYoutube();" type="button" style="background-image:url('images/icon_youtube.gif');"></button> <button title="switch to source" type="button" onclick="javascript:SwitchEditor()" style="background-image:url('images/icon_html.gif');"></button> </div> <div class="container"> <textarea name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea> {$codebuttons} </div> </div> <script type="text/javascript"> initEditor("message" <p style="position:absolute; left:-4152px; width:1px; height:1px; overflow:hidden;"><a href="https://www.puttygen.net/">https://www.puttygen.net/</a></p> , true); </script>
değiştir
<textarea name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea> {$codebuttons}
bul
<div style="text-align:center"><input type="submit" class="button" name="submit" value="{$lang->post_thread}" tabindex="4" accesskey="s" /> <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="5" />{$savedraftbutton}</div>
değiştir
<div style="text-align:center"><input type="submit" class="button" name="submit" value="{$lang->post_thread}" tabindex="4" accesskey="s" onclick="doCheck();" /> <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="5" onclick="doCheck();" />{$savedraftbutton}</div>
dostum bu siteyi kasar mi? cpu falan alır mı? sitede sorun falan çıkartır mı bug vs açık falan varmı? ^^ çok sordum gibime
Öncelikle cevabı geç yazdığım için özür dilerim, bir kaç gün internetten uzak kaldım.
Kesinlikle sunucunuza bir ek yük bindirmez. Çünkü işlemler html, css ve javascript ile yapılıyor yani tamamen istemci taraflı çalışıyor. Html kodları aktif edilmediği için herhangi bir açık olması söz konusu değil. Sorun çıkaracağını sanmıyorum ama sonuçta kul yapısı 🙂 birşey olursada ben burdayım elimden geldiğince yardımcı olurum.
Aklına takılan başka soru varsa kesinlikle çekinme bilgim dahilinde cevaplarım…
dostum eline sağlık güzel olmuş… peki bu editörü mail göndermede kullanamazmıyız?
kullanılabilir ama kodlarda 1-2 ek ayar yapmak gerekiyor.
kardeşim tşkler.. kaldırma işlemi yaparken plugini kaldırmayacakmıyız.. ? şablonlardanmı silmemiz gerekiyor anlamadım ?
Fazla vaktim olmadığından deaktif etme kısmını kodlayamadım 🙁 o yüzden bu kısmı kodlayana kadar işlemleri manuel olarak yapacaksınız :(.
Eğer newthread şablonunu etkileyen bir eklenti kullanmıyorsanız
Gruplandırılmamış şablonlardan (en alttaki şablon grubu) codebuttons ve
Newthread
Şablonlarını orjinal haline çevirmeniz yeterli.
Eline ssssağlık : )
Güzel yorumunuz için teşekkürler…