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

PuG

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

El Reclutador 2003

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!

http://www.dr3team.net    http://www.dr3team.com


af3

El, try editing the changes manually (info from hoteditor.txt file) on the themes that you are using. it works fine for me.

El Reclutador 2003

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
http://www.dr3team.net    http://www.dr3team.com


eCardMax.com

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

karlbenson

very nice, but there doesnt appear to be a download option for it from your website!

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

jake1981

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.

eCardMax.com

Hello jake1981!

I will try to make something clear here. You said

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

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

QuoteAlso 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).

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

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

Ramón Cutanda

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



JaGuR123

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 ?

Daniel15

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

eCardMax.com

QuoteAs 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

JaGuR123

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

Daniel15

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

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


[html]
Place your HTML here
[/html]

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!

eCardMax.com

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

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

JaGuR123


TurkVolki

Quote from: eCardMax.com on June 16, 2007, 07:30:53 PM
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

#
#-----[ 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.. :\\



eCardMax.com

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

TurkVolki


Advertisement: