Advertisement:

Author Topic: [BETA PLUS] WYSIWYG Rich Text Editor for Post and Private Message New Technique  (Read 115550 times)

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
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 < 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
« Last Edit: June 04, 2007, 05:40:28 PM by eCardMax.com »
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

Offline OvermindDL1

  • Jr. Member
  • **
  • Posts: 279
  • Gender: Male
    • OvermindDL1's Website
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #1 on: December 28, 2004, 05:40:22 AM »
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

  • Guest
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #2 on: December 28, 2004, 06:15:06 AM »
Looks really good. ;)

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

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #3 on: December 28, 2004, 10:41:27 AM »
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!  :)
« Last Edit: December 28, 2004, 10:45:36 AM by akabugeyes »
Dev Consultant
Former SMF Doc Coordinator

Offline Anguz

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,430
  • Gender: Male
    • cristianlavaque.com
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #4 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. ;)
« Last Edit: December 28, 2004, 09:44:46 PM by Anguz »
Cristián Lávaque http://cristianlavaque.com

Offline _complex

  • Jr. Member
  • **
  • Posts: 247
  • Gender: Male
  • ha...yooo
    • Checkit
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #5 on: December 28, 2004, 08:54:42 PM »
Works pretty cool!

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #6 on: December 28, 2004, 10:52:05 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

Offline Elijah Bliss

  • Sophist Member
  • *****
  • Posts: 1,340
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #7 on: December 29, 2004, 03:29:50 AM »
Not Safari compatible.

Offline Tony Reid

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,149
  • Gender: Male
    • @AbsoluteBreeze on Twitter
    • www.fertilityfriends.co.uk
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #8 on: December 29, 2004, 03:49:52 AM »
How secure is this?
Tony Reid


My Big Board
www.FertilityFriends.co.uk/forum - An SMF powered forum with over 5 million posts

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #9 on: December 29, 2004, 05:09:58 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:

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

Offline charleshardt

  • Newbie
  • *
  • Posts: 9
  • Gender: Male
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #10 on: December 29, 2004, 06:01:03 AM »
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.

Offline Elijah Bliss

  • Sophist Member
  • *****
  • Posts: 1,340
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #11 on: December 29, 2004, 06:32:32 AM »
Using Safari, in the demo I keep getting a Javascript error:
"Error preloading content."

Offline klumy

  • SMF Hero
  • ******
  • Posts: 2,483
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #12 on: December 29, 2004, 06:52:42 AM »
Wow it looks superb, especially the feature to insert mathematical symbols !!

Offline klumy

  • SMF Hero
  • ******
  • Posts: 2,483
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #13 on: December 29, 2004, 06:55:27 AM »
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?

Offline Anguz

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,430
  • Gender: Male
    • cristianlavaque.com
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #14 on: December 29, 2004, 07:00:34 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

Offline klumy

  • SMF Hero
  • ******
  • Posts: 2,483
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #15 on: December 29, 2004, 07:57:08 AM »
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

Offline Tony Reid

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,149
  • Gender: Male
    • @AbsoluteBreeze on Twitter
    • www.fertilityfriends.co.uk
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #16 on: December 29, 2004, 08:13:05 AM »
works for me in firefox :P

select it and press preview...
Tony Reid


My Big Board
www.FertilityFriends.co.uk/forum - An SMF powered forum with over 5 million posts

Offline klumy

  • SMF Hero
  • ******
  • Posts: 2,483
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #17 on: December 29, 2004, 08:32:21 AM »
@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

Offline OvermindDL1

  • Jr. Member
  • **
  • Posts: 279
  • Gender: Male
    • OvermindDL1's Website
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #18 on: December 29, 2004, 09:30:45 AM »
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.

Offline Anguz

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,430
  • Gender: Male
    • cristianlavaque.com
Re: [BETA] WYSIWYG Rich Text Editor for Post and Private Message
« Reply #19 on: December 29, 2004, 02:58:10 PM »
Agreed. Rather than HTML, it should use BB code.
Cristián Lávaque http://cristianlavaque.com