News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

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

Started by eCardMax.com, December 28, 2004, 03:56:01 AM

Previous topic - Next topic

eCardMax.com

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

Quote
##############################################################
## MOD Title: WYSIWYG - Rich Text Editor for posting HTML message
## MOD Author: eCardMAX.com [nofollow] < [email protected] > (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
www.eCardMAX.com [nofollow]
E-cards are a fun and interactive way
to entice repeat visitors to a site,
Visit us for more in detail  :)


MY MOD:
Time to add WYSIWYG Editor to your SMF forum

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!  :)
Dev Consultant
Former SMF Doc Coordinator

Anguz

Package SDK, anyone? :)

Thank you for picking SMF to implement this. Many will love you for it. ;)
Cristián Lávaque http://cristianlavaque.com


eCardMax.com

Quote from: Anguz on December 28, 2004, 08:32:52 PM
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
www.eCardMAX.com [nofollow]
E-cards are a fun and interactive way
to entice repeat visitors to a site,
Visit us for more in detail  :)


MY MOD:
Time to add WYSIWYG Editor to your SMF forum


Tony Reid

Tony Reid

eCardMax.com

Quote from: Tony on December 29, 2004, 03:49:52 AM
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:

<span onclick="alert('GO GO GO')">TEST</span>

My MOD will translate it to

<span ="alert('GO GO GO')">TEST</span>

onclick is removed. In this way your board won't mess up.

Hope it will help.

Jim
www.eCardMAX.com [nofollow]
E-cards are a fun and interactive way
to entice repeat visitors to a site,
Visit us for more in detail  :)


MY MOD:
Time to add WYSIWYG Editor to your SMF forum

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

Quote from: klumy on December 29, 2004, 06:55:27 AM
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.
Cristián Lávaque http://cristianlavaque.com

klumy


Tony Reid

Tony Reid

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

Cristián Lávaque http://cristianlavaque.com

Advertisement: