next »

[ben]

Hi Guys, if you haven't seen it already, go to
http://www.interactivetools.com/products/htmlarea/

which lets you change any textarea field to a WYSIWYG editor field by adding a few bits of code to the page.

I'm trying to mod the Add Field page to include an extra Input type of WYSIWYG, which will then include the necessary code to the Add Events page to bring up the htmlarea field.
However, it's a bit more tricky than I thought, so I wondered if anyone has any pointers to which file(s) I should be looking in - I guess its somewhere in the admin templates, or should I be looking in calendar_admin itself?

Ben.

[ben]

OK, well I've figured out what to change, there's a bit in DBFileUtil.INC, a bit in add_edit_event.html and a bit in add_edit_field.html

Unfortunately I have discovered that the WYSIWYG bit chokes on underscores in a TEXTAREA name - and the format in calendarscript is FIELD_<fieldname>.

Hmm, well when I've figured out a way round it I'll post back with the modified files so everyone can have funky field editing in their calendars!

Ben.

------------------

[ben]

Right the nice chaps at InteractiveTools have patched their htmlarea program to work with underscores.

First of all you should download V1.05 from: http://www.interactivetools.com/products/htmlarea/

and install in the document root of your site (if you put it somewhere else you'll have to make a couple of mods to the scripts in my zip file).

Then download the three modified Calendarscript files from: http://www.willcoxonline.com/cs-htmlarea/cs-htmlarea.zip

and copy these into your calendarscript directory, overwriting the existing ones(after backing them up of course!) I have preserved the directory structure in the zip so you know where they go.

And thats it! In the Customise Event Fields screen the Input Type box now has WYSIWYG as an option. If you set a field with this option and go to the Add/Modify Event page you will get a graphical HTML editor so you can bold, underline, justify etc etc. Note: it will only work with IE 5.5 and above (see the htmlarea docs). Oh, and make sure you've allowed HTML in in the Admin/Calendar Settings screen.

Have fun,

Ben.

------------------

[Oliver]

Hi, a bit off topic, but I got there from the link to that html area thing:

One of my prospective customers is managing about 25 bands right now. He'd like to be able to not only update a calendar, but also add/delete pages, change page content (text+images, maybe link to soundfiles later on). And all that w/o knowing or wanting to know html. He also can't afford to have all updating and editing done by me, so he's looking for a sollution that would allow him to do just that, log in, and change/add/delete pages and their content.

Would this be the right program? Or their page publisher?

Anybody got any other ideas/links? Anything pointing me in a good direction is very appreciated!

Thanks!
Oliver

------------------

[Kriis]

I am trying to add this to my calendar but it doesn't seem to be working. Does this not work with the lates version of HTMLarea?

------------------

[beneath_the_ashes]

i got the editor working perfectly...however, when i go to search, for the feild that i wanted the editor on, it says:

Invalid input type: 'wysiwyg'!

Any thoughts?

thanks
ryan

------------------

[TubaDave]

Quick comment for Oliver, Google for skyWriter.... it is part of a larger package (I forget the name) that allows you to manage files, including a WYSIWYG editor.

Ben, great work!  I'll definitely be patching a few calendars this evening.

Kriis, is it doing anything, giving an error message at all, or just acting like nothing ever happened?

Ryan, I'll look into the search issues when I install it tonight if ben hasn't figured it out by then.

------------------
David Whittaker
http://www.uabcm.com
http://bama.ua.edu/~whitt013

[DanO]

ryan,

Go to the modified DBFileUtil.inc used for the 'wysiwyg' display and change one line towards the end of it. In the sub GetSearchFieldInput find the line following
# Define input field based on type
which is:

if (($type =~ /^text(?!area)/) | | ($type =~ /^password/) | | ($type =~ /^textarea/)) {

and change it to:

code:

if (($type =~ /^text(?!area)/) | | ($type =~ /^password/) | | ($type =~ /^textarea/) | | ($type =~ /^wysiwyg/)) {

See if that makes any difference. Be sure to make a backup of the original!

Dan O.

    BTW. This forum adds spaces between the | | which will have to be removed before pasting into the script file.

[This message has been edited by DanO (edited January 19, 2003).]

[beneath_the_ashes]

worked great!  thnx

but has anyone figured out how to add the:

margin-top: 0; margin-bottom: 0

properties to the textarea to prevent the enter key doublespacing between lines?  I tried putting in the javscript on the page itself, and also in the editor.js.

I can change colors, and fonts, etc..., but i cant change that. Any thoughts?

thanks
ryan

------------------

[This message has been edited by beneath_the_ashes (edited January 20, 2003).]

[ben]

Thanks for that fix DanO, I have to admit I've never actually used the search function so never saw the error before!

Can anyone confirm that the mod works with the latest version of HTMLArea? I have only tested it myself with version 1.5.

Thanks,
Ben

------------------

[Kriis]

TubaDave - Thanks for responding.

I am not getting any errors, the WYSYWIG editor just isn't showing up in the description box and for the life of my I can't figure out why!

I will greatly appreciate any help you offer.

------------------

[DanO]

** the WYSYWIG editor just isn't showing up in the description box **

What browser are you using?
Any popup ad killer software running?
Do you have JavaScript turned on in the browser you're using?

Dan O.

------------------

[Dave Anderson]

I'm having the same issue as well. I downloaded and installed htmlarea 2.03 into the root of my site:

/htmlarea
http://206.159.167.123/htmlarea/example.html  proves that it does function...

I installed the three modified files into the proper locations within Calendarscript.

When I go to add event, no html shows up... Wait a minute, I bet I have html turned 'off'.

I'll be right back....

Still no dice. I switched 'allow html' to 'on' and tried to 'add event'. The page took 10 times longer to load, but it finally did. However, no WYSWYG options...

What shall I try?

Thanks

Dave

[beneath_the_ashes]

just checking back to see if anyone figured out how to add

margin-top: 0; margin-bottom: 0

properties to the textarea to prevent doublespacing between lines when you hit enter? I tried putting in the javscript on the page itself, and also in the editor.js.

I can change colors, and fonts, etc..., but i cant change that.

thanks
ryan

------------------

[ben]

Dave,
have you remembered to set a field type to WYSIWYG in the 'Customize event fields' screen?

If you don't set that, it won't do anything!

Ben

------------------