[Beta 1.5.2] Wysiwyg Editor

[A.M.A.]

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):

Code Select Expand

<img src="' . $imagesdir . '/list.gif" align="bottom" width="23" height="22" alt="' . $txt[261] . '" border="0" /></a>add after it the following:

Code Select Expand

<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

[David]

Looks cool.  Any way to integrate it into the post screen though?

[Tilton53]

Cool

[A.M.A.]

Looks cool.  Any way to integrate it into the post screen though?

Yes it can be integrated with the post .. and that what I had in mind the first time .. but considering the load time that this will generate and that not all user will like to use it .. I figure it is best this way.

Cool

thanks


cheer

[Ben_S]

Looks cool.  Any way to integrate it into the post screen though?

Yes it can be integrated with the post .. and that what I had in mind the first time .. but considering the load time that this will generate and that not all user will like to use it .. I figure it is best this way.

Prehaps an option to disable in in the profile?

[Norbert]

Great work.

[Daniel Hofverberg]

I agree with Scotty. An option in the profile to enable/disable the Wysiwyg editor would be preferable. Otherwise it seems like a great idea with such an editor.

[Norbert]

There is a bug in the link function:

So it is: http://1nd.de
It should be: http://1nd.de

[A.M.A.]

Prehaps an option to disable in in the profile?

I agree with Scotty. An option in the profile to enable/disable the Wysiwyg editor would be preferable. Otherwise it seems like a great idea with such an editor.

Yes that's what VB uses now and hopefully this mod will do.. but am using HTMLarea old version their new version (still in alpha) will support other browser.. so I guess it is better to wait for it before altering any additional file and database.

cheer

[A.M.A.]

Great work.

Thanks

There is a bug in the link function:

So it is: http://1nd.de
It should be: http://1nd.de

You mean there is an additional quotation mark! I'll check it.

cheer

[A.M.A.]

Fix http links:

If you have already installed the mod before this fix:

* open editor.js and look for:

Code Select Expand

var tag = "[" + linktype + "=" + link + "]";* add before it:

Code Select Expand

link = link.replace(/"/g,"");

sometimes these regexp drive me crazy  


cheer

[Norbert]

Fix http links ....

It works now.

[PHPlugin]

Wonderful, amazing, impressive! WOOT!
I love it!

[Tilton53]

awesome I wish I could program like that!

[A.M.A.]

Wonderful, amazing, impressive! WOOT!
I love it!

Thanks

awesome I wish I could program like that!

Thanks, tho am not the one who wrote the wysiwyg editor.

cheer