طريقهةة

اضافة ازرار جديده فى المحرر (الرد وارسال الموضوع)
1؛ - Javascript

الكود:

$(function(){  $(function(){    $('<a class="sceditor-button sceditor-button-code" unselectable="on" title="Title of Button"><div unselectable="on" style="background-image:url(image.png)">Button Name</div></a>').insertBefore('.sceditor-button-size').click(function(){            $('#text_editor_textarea').sceditor("instance").insertText("[example]","[/example]");     });      });      });

انظر الى الامثله:

-
<a class="sceditor-button sceditor-button-code"
-الكلمة الملونه بالاحمر هى المكان التى سيتم وضع الزر بها بعد زر اضافة كود بالمثال.

-
title="Title of Button">
- اس الزر الزى سيظهر عند مرور المؤشر عليه.

-
<div unselectable="on" style="background-image:url(image.png)">Button Name</div>

الكتابة الحمراء هى رابط الايقونة (يفضل استخدام مقاسات 16x16 )
الكتابة الخضراء هى اسم الزر.

-
$('#text_editor_textarea').sceditor("instance").insertText("[example]","[/example]");
[example][/example]

تلك الكلمتين هى التى يقوم الزر باضافتهم عند الضغط عليه

<span class="info">Info field</span>
مثال على زر :

الكود:

$(function(){  $(function(){    $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Solved"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Solved</div></a>').insertBefore('.sceditor-button-size').click(function(){            $('#text_editor_textarea').sceditor("instance").insertText("[table class=solved][tr][td]","[/td][/tr][/table]");     });     $('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Lock"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Locked</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){            $('#text_editor_textarea').sceditor("instance").insertText("[table class=lock][tr][td]","[/td][/tr][/table]");     });     $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Info"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Info</div></a>').insertAfter('.sceditor-button-aviso').click(function(){            $('#text_editor_textarea').sceditor("instance").insertText("[table class=info][tr][td]","[/td][/tr][/table]");     });     });      });

---

حقوق الشرح محفوظة ل punbb

© PunBB Design