Topic: [BETA PLUS] WYSIWYG Rich Text Editor for Post and Private Message New Technique

[eCardMax.com]

Last updated: June 04, 2007 - Latest version (4.2) now support Safari 1.3.2+

##############################################################
## MOD Title: WYSIWYG - Rich Text Editor for posting HTML message
## MOD Author: eCardMAX.com < webmaster@ecardmax.com > (Jimbo Hong) http://ecardmax.com [nofollow]
## MOD Description: It's time to turn <textarea> into a powerful Rich Text HTML Editor. Don't force your
## users to learn another set of markup tags. With this MOD you can format your posts or Private
## message just like you would in MS. FrontPage! Our Rich Text Editor will work on all popular browsers
## such as: IE - FireFox - Netscape - Opera 9x
## MOD Version: 4.2
##
##
## Installation Level: Intermediate
## Installation Time: ~20 minutes
##
###############################################

it's time to turn <textarea> into a powerful WYSIWYG Rich Text HTML Editor. Don't force your users to learn another set of markup tags. With this MOD you can format your posts just like you would in MS. WORD!

• Latest MOD version 4.2 now supports Safari browser.
• Our HotEditor will output a clean, safe BBCode instead of HTML code like other version.
• The new version will allow you add your own BBCode buttons to HotEditor toolbar.
• Cut - Copy - Paste buttons now work with FireFox & Opera (& IE of course)
• FIxed minor bug when switching between WYSIWYG Editor and BBCode Editor
• HotEditor will force IE acts like FireFox when user hit Enter (will create single line instead of double line)

You can take a look at my SMF Demo here
http://www.ecardmax.com/smf_111 [nofollow]

HotEditor stand alone app
http://www.ecardmax.com/hoteditor [nofollow]

Download and try it out here:
http://www.ecardmax.com/index.php?step=Hoteditor2smf [nofollow]

Hope you guys will like it. Your feedback are welcome. Please report the bugs if you find it. I will try my best to answer your questions ASAP.

Jim

[OvermindDL1]

The demo on the linked site looks useful and it works in FireFox, but it would be far quicker and easier to install using the package system.  The entire thing can be packaged up for use.

[Bloc]

Looks really good.

If it can be made as a mod  it would be awesome.

[codenaught]

Looks great. Is there any kind of permission system with it such as to disallow a particular group from using it? Also can an admin set what the default set up of it would be, Normal or WYSIWYG?

And yeah, I agree. You should make the mod as a package so members can auto install it via the package manager in the admin panel, it could save some time and decrease chances of making a mistake.

Thanks for making the mod! 

[Anguz]

Package SDK, anyone?

Thank you for picking SMF to implement this. Many will love you for it.

[_complex]

Works pretty cool!

[eCardMax.com]

Package SDK, anyone?

Thank you for picking SMF to implement this. Many will love you for it.

You're welcome Anguz. I hope SMF user will like my MOD.

By the way, to install this MOD to SMF you have to edit 8 files instead 7 as I wrote before (I just edited my post). You have to edit file sm/Themes/default/Search.template.php. Please click the link below to review it:

http://www.hoteditor.com/how_to_sm.php [nofollow]

Happy New Year.
Jim

[Elijah Bliss]

Not Safari compatible.

[Tony Reid]

How secure is this?

[eCardMax.com]

How secure is this?

+ So far user can't post javascript.
+ HotEditor will create HTML code and auto translate tag < to #ed_op# and tag > to #ed_cl# when user submit their post
+ Inside PHP script I add the php code to translate #ed_op# & #ed_cl# back to < > to display HTML message on the board.
+ Also I have php code to remove all javascript code inside HTML < > - For example

If for somehow user add thier post like this:

Code: [Select]

<span onclick="alert('GO GO GO')">TEST</span>
My MOD will translate it to

Code: [Select]

<span ="alert('GO GO GO')">TEST</span>
onclick is removed. In this way your board won't mess up.

Hope it will help.

Jim

[charleshardt]

I went through the whole process and got a big fat error message:
Template Parse Error!

Oh, well. I'll figure it out another time.

[Elijah Bliss]

Using Safari, in the demo I keep getting a Javascript error:
"Error preloading content."

[klumy]

Wow it looks superb, especially the feature to insert mathematical symbols !!

[klumy]

One Suggestion:

- if you have activated one function like (bold, strikethrough, superscript), the icon background of this symbol should be highlighed, so the user knows this command is enabled or not.

BTW

What does "Switch to text area" mean?
Does it have a special function?

[Anguz]

What does "Switch to text area" mean?
Does it have a special function?

Probably to go to the normal textarea, non-wysiwyg, version of the post form.

[klumy]

Selecting this option has no effect for me, or I don't see the effect.

Just try it yourself

http://www.hoteditor.com/sm/index.php?action=post;board=1.0

[Tony Reid]

works for me in firefox

select it and press preview...

[klumy]

@tony
thanks it works,

@eCardMax.com
in this case there should be a description in the text, that you first have to select and then press Preview until the changes takes effect

[OvermindDL1]

I am seeing a problem with possible security.  For something like this to work properly it would need to setup what it will send using BBC code instead of html due to security concerns.  Also the javascript is a slight bit... ok, far too large, almost three times what it needs to be.  The purpose of converting it to escapes is what?  Takes all of highlighting and clicking twice to convert it back and it adds un-necessary overhead to slower connections, and increases initial loading time (noticably on very slow computers).  It is nice, but I will not be using it anytime soon until such things are rectified.

[Anguz]

Agreed. Rather than HTML, it should use BB code.