Advertisement:

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

Offline PuG

  • Semi-Newbie
  • *
  • Posts: 28
Very interested in the mod, my only concern what would happen in the future when SMF is upgraded to version 2.0? would all existing posts that had been posted using this editor turn out to be garbled text?? <br /><br />E.g. when next main version of SMF arrives, it will include a WYSIWYG of a fashion, and its highly lightly I would then use that system then.<br /><br />Looks good!<br />
QuArK (The Quake Army Knife Level Editor) - http://quark.ironfoot.co.uk

Offline El Reclutador 2003

  • Jr. Member
  • **
  • Posts: 193
HEllo there:

i've got too the error that the message was empty.

Im using SMF 1.1.2, and when i write something and i hit "Post" load again the screen with no text and telling "
The following error or errors occurred while posting this message:
The message body was left empty.   "

Anyone knows the reason? Thanks!


Offline af3

  • Semi-Newbie
  • *
  • Posts: 36
El, try editing the changes manually (info from hoteditor.txt file) on the themes that you are using. it works fine for me.

Offline El Reclutador 2003

  • Jr. Member
  • **
  • Posts: 193
well I fixed the problem but this WYSIWYG does not valid. When one user quote one message, appears the http tags and show all the text without any format :S

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
Hello guys!

Just want to let you guys know that there is new update for this MOD (version 4.2 - June 04, 2007) - Please check my post #1 (Page 1) to see what's new. The latest version will work in Safari 1.3.2 or higher.

To update from version 4.1 to 4.2 you need to re-download MOD zip file to get new files:

hoteditor_quickedit.html
richedit/editor.js
richedit/keyboard.php
richedit/show_it.php
richedit/styles/office2007/style.css
richedit/styles/office2007/table.gif
richedit/styles/office2007/iespell.gif
richedit/styles/office2007/yahoo.gif
richedit/styles/office2007/google.gif
richedit/styles/office2007/youtube.gif

And read file Hoteditor_Mod_SMF.txt to see code change.

FORUM DEMO

http://www.ecardmax.com/smf_111/index.php [nofollow]

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

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,630
  • Gender: Male
    • Lifeproof
very nice, but there doesnt appear to be a download option for it from your website!

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
Oops! please try again.
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 jake1981

  • Semi-Newbie
  • *
  • Posts: 50
It still should support bbcode instead of html so it would obey rules set in settings, on some forums part of bbcode's are disabled or people might want to use their own smiley sets, I didn't investigate further but I assume that your MOD does not still use bbcode instead of html and it propably then won't support these rules then. Also I guess smiley set rules aren't also supported.

Also you should make it focus the cursor to field when buttons are being clicked, it's really annoying to set bold text on and then click text field again before writing..

What else? Yeah, if I'd do something like this, I'd propably check source on smf 2.0 forum page when posting with wysiwyg editor and change that one to suit my needs but I guess that could be considered as stealing and still, there would be a lot of work to do until it would fit with smf 1.1.2..

Anyway, you have done some really nice work with your MOD, even though that I commented the way I did about it.. Keep up the good work buddy..

And someone was asking if this MOD will be compatible with in-far-future-arriving SMF 2.x.. I think this MOD is not needed with SMF 2.x as it already has a WYSIWYG editor (yeah really, check your settings to enable it), although there's a nice feature on your MOD that SMF 2.x does not YET hold, in your MOD there's a button where user can easily turn wysiwyg editor on/off when with smf 2.x you need to go to settings to change it's state(or maybe I just suck with this as I can't find anything similar from one that ships with smf 2.0)
I no longer provide support or updates to any of my MODs nor I provide any new themes or MODs in anywhere else expect on my own site (and yes, there's nothing in there) expect for those MODs that I already sent to here that have not yet been approved and if approval requires any changes, I won't provide them no more.

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
Hello jake1981!

I will try to make something clear here. You said

Quote
It still should support bbcode instead of html so it would obey rules set in settings...
I didn't investigate further but I assume that your MOD does not still use bbcode instead of html and it propably then won't support these rules then

The MOD version 4.1 and 4.2 already supported BBCode. When user click Post/Preview button, HotEditor will output BBCode. You can test HotEditor stand alone version here so you can see how fast and accurate Hoteditor converts from WYSIWYG HTML to forum BBCode

http://www.ecardmax.com/hoteditor/phpdemo.php [nofollow] (you can try command "Switch On/Off WYSIWYG Mode" to convert HTML to BBCode and vice versa)

Quote
Also I guess smiley set rules aren't also supported.
Come and visit SMF Hoteditor demo again http://www.ecardmax.com/smf_111/ [nofollow] - when you go to post new message, you will see original smiley icons on top of Hoteditor. Click smiley icon will insert it to Hoteditor.

Quote
Also you should make it focus the cursor to field when buttons are being clicked, it's really annoying to set bold text on and then click text field again before writing..
I think that's wrong to do it your way because sometime ppl need to select Bold, then Italic, then set Font Face. You can't just un-select text after user click Bold button (this is really annoying).

Quote
And someone was asking if this MOD will be compatible with in-far-future-arriving SMF 2.x.. I think this MOD is not needed with SMF 2.x as it already has a WYSIWYG editor (yeah really, check your settings to enable it), although there's a nice feature on your MOD that SMF 2.x does not YET hold, in your MOD there's a button where user can easily turn wysiwyg editor on/off when with smf 2.x you need to go to settings to change it's state(or maybe I just suck with this as I can't find anything similar from one that ships with smf 2.0)
I've seen SMF 2 WYSIWYG Editor. It now has a button to let you switch from BBcode to WYSIWYG. Please don't take it a wrong way, SMF WYSIWYG Editor still has some major bugs when you switch from BBcode to WYSIWYG and vice versa. It doesn't work right in FireFox. There are a lot of work to do with current SMF WYSIWYG Editor, properly they are working on it and maybe this is a reason to slow down the day to release final SMF 2.0.

By the way, since HotEditor can output BBCode, it can be used with any forum software.

Quote
Anyway, you have done some really nice work with your MOD, even though that I commented the way I did about it.. Keep up the good work buddy..

Thanks a lot.

Jim
« Last Edit: June 06, 2007, 05:26:00 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 videoed

  • Jr. Member
  • **
  • Posts: 182
  • Gender: Male
  • Ramón Cutanda
    • videoedicion.org
I have updated my previous post:

http://www.simplemachines.org/community/index.php?topic=22468.msg926573#msg926573

I have created a new mod for installing hoteditor 4.2

http://www.colegiodelaesperanza.com/descargas/varios/smf/hoteditor.4.2_smf.1.1.2.zip

I hope you find it useful ;)

IMPORTANT: If you have any previous version, UNINSTALL IT FIRST!!!


« Last Edit: June 09, 2007, 08:49:10 PM by videoed »

Offline JaGuR123

  • Semi-Newbie
  • *
  • Posts: 57
Is there a way of not converting the Html to BB Code.

I don't want to use BB code at all for our small community forum, just want to use html, i know that it isn't very secure, but it doesn't matter in our little community as it is restricted access.

This would be a very great help to me.

Also keep up the great work
Fantastic Job

edit: also , the spelling check isn't working correctly with this mod, has anybody else got this to work with this mod ?
« Last Edit: June 13, 2007, 01:26:05 AM by JaGuR123 »

Offline Daniel15

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,222
  • Gender: Male
  • http://dan.cx/
    • daaniel on Facebook
    • Daniel15 on GitHub
    • daniel15 on LinkedIn
    • @Daniel15 on Twitter
    • Daniel15
Quote
I don't want to use BB code at all for our small community forum, just want to use html, i know that it isn't very secure, but it doesn't matter in our little community as it is restricted access.
As far as I know, this mod does not convert it to BBCode (although I'm not too certain about this). The only one I've seen convert the posts to BBCode is the one currently in development for SMF 2.0 :)
Daniel15, former Customisation team member, resigned due to lack of time. I still love everyone here :D.
Go to smfshop.com for SMFshop support, do NOT email or PM me!

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
Quote
As far as I know, this mod does not convert it to BBCode
Yes, it is. It will convert WYSIWYG HTML to BBCode. The convert engine works pretty well on all browsers (including Safari). Did you try to the command [Switch On/Off WYSIWYG Mode] - that's how Hoteditor converts WYSIWYG HTML to BBCode and BBCode to HTML. When user click Submit/Preview Hoteditor will out BBCode so you can use it with SMF.
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 JaGuR123

  • Semi-Newbie
  • *
  • Posts: 57
Yes i trie every thing it only lets you insert BB Code into the database , i want to insert and retrieve plain html code from my posts.

I will have a look again
www.racehorsetalk.com.au

Offline Daniel15

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,222
  • Gender: Male
  • http://dan.cx/
    • daaniel on Facebook
    • Daniel15 on GitHub
    • daniel15 on LinkedIn
    • @Daniel15 on Twitter
    • Daniel15
Quote
It will convert WYSIWYG HTML to BBCode. The convert engine works pretty well on all browsers (including Safari). Did you try to the command [Switch On/Off WYSIWYG Mode] - that's how Hoteditor converts WYSIWYG HTML to BBCode and BBCode to HTML.
Oops, sorry, I must have been thinking of your old mod (the one from ages ago) :). I've not yet tested this one out. SMF 2.0's one also converts the post to BBCode, but I haven't seen how it does this (probably with a method very similar to yours)

Quote
Yes i trie every thing it only lets you insert BB Code into the database , i want to insert and retrieve plain html code from my posts.
If you're an admin, you may put stuff in [html] tags (however, this would probably not work with the WYSIWYG editor)
Code: [Select]

[html]
Place your HTML here
[/html]

« Last Edit: June 13, 2007, 11:15:20 PM by Daniel15 »
Daniel15, former Customisation team member, resigned due to lack of time. I still love everyone here :D.
Go to smfshop.com for SMFshop support, do NOT email or PM me!

Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
For those who are running this MOD please update as soon as you can. The latest update (June 16, 2007) will support Safari 3 (1.3.2 and 2.0 as well) and also add new "Insert Table" feature + fix some minor bugs. Below is what you need to do to get the update:
- Go back to my site http://ecardmax.com/ehelpmax/download.php [nofollow] to download HotEditor MOD zip file for smf again.
- Unzip the zip file and use FTP to upload these files (and folder) below to your server (to replace the current files/folder)
+ [richedit]/[styles]/[office2007]/*.*
+ [richedit]/editor.js
+ [richedit]/keyboard.php
If you want to support Table, then use text editor to edit

Code: [Select]
#
#-----[ OPEN ]------------------------------------------
#
Sources/Subs.php

#
#-----[ FIND ]------------------------------------------
# ~ line number 1081

$codes = array(

#
#-----[ AFTER, ADD ]------------------------------------------
#

//HotEditor MOD
array(
'tag' => 'highlight',
'type' => 'unparsed_equals',
'test' => '(#[\da-fA-F]{3}|#[\da-fA-F]{6}|[A-Za-z]{1,12})\]',
'before' => '<span style="background-color: $1;">',
'after' => '</span>',
),
array(
'tag' => 'strike',
'before' => '<strike>',
'after' => '</strike>',
),

#
#-----[ FIND ]------------------------------------------
# ~ line number 1559

'before' => '<table style="font: inherit; color: inherit;">',

#
#-----[ REPLACE WITH ]------------------------------------------
#

'before' => '<table align=center style="border-collapse: collapse;border-spacing: 0px;border: 1px solid #6CAFF7;background-color: #F4F4F4;width:98%;font-family:Verdana,Arial,Sans-Serif,Tahoma;font-size:12px;color: black;">',

#
#-----[ FIND ]------------------------------------------
# ~ line number 1578

'before' => '<td valign="top" style="font: inherit; color: inherit;">',

#
#-----[ REPLACE WITH ]------------------------------------------
#

'before' => '<td style="height:25px; border: 1px solid #6CAFF7">',

for more info about Safari 3 visit http://apple.com/safari [nofollow]

testing Hoteditor latest version with SMF here

http://www.ecardmax.com/smf_111/index.php [nofollow]

Good luck
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 JaGuR123

  • Semi-Newbie
  • *
  • Posts: 57

Has anybody got this to work wit the spell checker ?

Offline TurkVolki

  • Semi-Newbie
  • *
  • Posts: 52
For those who are running this MOD please update as soon as you can. The latest update (June 16, 2007) will support Safari 3 (1.3.2 and 2.0 as well) and also add new "Insert Table" feature + fix some minor bugs. Below is what you need to do to get the update:
- Go back to my site http://ecardmax.com/ehelpmax/download.php to download HotEditor MOD zip file for smf again.
- Unzip the zip file and use FTP to upload these files (and folder) below to your server (to replace the current files/folder)
+ [richedit]/[styles]/[office2007]/*.*
+ [richedit]/editor.js
+ [richedit]/keyboard.php
If you want to support Table, then use text editor to edit

Code: [Select]
#
#-----[ OPEN ]------------------------------------------
#
Sources/Subs.php

#
#-----[ FIND ]------------------------------------------
# ~ line number 1081

$codes = array(

#
#-----[ AFTER, ADD ]------------------------------------------
#

//HotEditor MOD
array(
'tag' => 'highlight',
'type' => 'unparsed_equals',
'test' => '(#[\da-fA-F]{3}|#[\da-fA-F]{6}|[A-Za-z]{1,12})\]',
'before' => '<span style="background-color: $1;">',
'after' => '</span>',
),
array(
'tag' => 'strike',
'before' => '<strike>',
'after' => '</strike>',
),

#
#-----[ FIND ]------------------------------------------
# ~ line number 1559

'before' => '<table style="font: inherit; color: inherit;">',

#
#-----[ REPLACE WITH ]------------------------------------------
#

'before' => '<table align=center style="border-collapse: collapse;border-spacing: 0px;border: 1px solid #6CAFF7;background-color: #F4F4F4;width:98%;font-family:Verdana,Arial,Sans-Serif,Tahoma;font-size:12px;color: black;">',

#
#-----[ FIND ]------------------------------------------
# ~ line number 1578

'before' => '<td valign="top" style="font: inherit; color: inherit;">',

#
#-----[ REPLACE WITH ]------------------------------------------
#

'before' => '<td style="height:25px; border: 1px solid #6CAFF7">',

for more info about Safari 3 visit http://apple.com/safari

testing Hoteditor latest version with SMF here

http://www.ecardmax.com/smf_111/index.php

Good luck


i downloadedmod file. i took to Packages from FTP and i entered to admin panel from forum. i cant see this mod in Packages.. :\\



Offline eCardMax.com

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
  • eCardMAX.com - Professional eCard server
    • eCardMAX - Professional eCard server
The MOD zip file that you download at www.ecardmax.com [nofollow] is just a text file with instruction step by step to show you how to install this MOD. It will not work with package manager. You need to read the text file and follow the instruction to set it up manually.

Maybe this is what you need, it will work with SMF package manager
Quote
I have updated my previous post:

http://www.simplemachines.org/community/index.php?topic=22468.msg926573#msg926573

I have created a new mod for installing hoteditor 4.2

http://www.colegiodelaesperanza.com/descargas/varios/smf/hoteditor.4.2_smf.1.1.2.zip [nofollow]

I hope you find it useful

IMPORTANT: If you have any previous version, UNINSTALL IT FIRST!!!
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 TurkVolki

  • Semi-Newbie
  • *
  • Posts: 52
I have updated my previous post:

http://www.simplemachines.org/community/index.php?topic=22468.msg926573#msg926573

I have created a new mod for installing hoteditor 4.2

http://www.colegiodelaesperanza.com/descargas/varios/smf/hoteditor.4.2_smf.1.1.2.zip

I hope you find it useful ;)

IMPORTANT: If you have any previous version, UNINSTALL IT FIRST!!!




thx man. it worked succeful