WYSIWYG (What You See Is What You Get) Post Editor
..:::
Notes :::..
* This mod will only work with
IE 5.5 or later.
* The security of the forum will not be effected (I hope so) cause the HTML is converted to BBC after submitting.
* Load time will not be effected, The Editor and its java script will be only loaded when a user activates it.
* I have done a rough conversion of some samples I found in the internet to let this work.. so more optimizing of the code I guess is needed.
* The following tags are not supported yet: Preformatted Text,Left Align, Centered, Right Align, Flash, Teletype, Code, Quote, Table, Table Row, Table Column.
* If you can improve this mod, please do so without asking for my permission.
..:::
Install :::..
1- Upload the files in the zip to your yabbse folder in this order:
- Make a directory under your yabbse folder and name it images and upload all images in the zip file to it.
- Upload wysiwyg.html , wysiwyg_color.html , wysiwyg_image.html , editor.js to your yabbse folder.
2- Open
Post.php and look for (it should be somewhere in line 1304):
<img src="' . $imagesdir . '/list.gif" align="bottom" width="23" height="22" alt="' . $txt[261] . '" border="0" /></a>
add after it the following:
<br><input type="button" value="WYSIWYG" title="Activate the WYSIWYG editor!" onclick="WYOpenModal(this.form)">
<script language="javascript" type="text/javascript">
<!--
function WYOpenModal(theform) {
c = showModalDialog("wysiwyg.html","","help:no; center:yes; status:no; dialogHeight:440px; dialogWidth:680px; scroll:no");
if (c) {
theform.message.value += c;
theform.message.focus();
}
}
// -->
</script>
..:::
Files :::..
Download file (size:18kb)
..:::
Preview :::..
-wysiwyg editor image preview.
HERE-post image preview.
HERE..:::
Credits :::..
(c) All copyrights are maintained in the files.
cheer