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 🙂

MyBB WYSIWYG Editor

Eklenti

WYSIWYG Editor

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}&amp;processed=1" method="post" enctype="multipart/form-data" name="input" onsubmit="doCheck();">

değiştir

<form action="newthread.php?fid={$fid}&amp;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", 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>

“MyBB WYSIWYG Editor (Xss Yok, Html aktif etmek yok!)” üzerine 8 yorum

  1. 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

    1. Ö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…

    1. 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.

Bir Cevap Yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.