htmlarea

[bill_smith22]

Hi, I'm a computer science student, and I am looking into final year projects. I've had an idea to modify and add features to a htmlarea to be used in a cms. I want to change the way the top menu section looks and functions with some jQuery. I've had a look at a few sites who have open-source html areas but the javascript they use for the top menu has been compressed and would take ages to tidy and work out whats going on.
Can anyone recommend a htmlarea with clean code underneath?
Also the idea would be to put the menu buttons in <div>'s and then use jQuery to show different sections, i.e. one section would be for fonts and formatting and another would be for images and media etc and the user would then choose media and the media div would appear.
Any information or ideas or advice would come in useful :)

[dtm32236]

i'm not familiar with htmlarea, but if you want different DIVs to be visible and hidden with different clicks, you can do it with display:block and display:none...

<div id="div1" style="display:none;">this div is hidden</div>

I've only done this with JavaScript, never with jQuery, but with JS you have have someone click a link, and it would do:

document.getElementById('div1').style.display='block';

These resources may help:
http://www.netlobo.com/div_hiding.html
http://www.willmaster.com/blog/css/show-hide-floating-div.php

And this one is for doing this with jQuery (i think):
http://www.learningjquery.com/2006/09/basic-show-and-hide

[bill_smith22]

Hi, the jQuery side of things and the whole animation and what not I can probably get to work, it's just the htmlarea itself that I would like some help on.
I'm looking for an open-source htmlarea which has clean, uncompressed code underneath. And some advice on how to edit the top menu section.
If all this is too vague then please tell me and I'll try and explain better what I'm looking for.

[dtm32236]

Okay, gotcha. I'm not familiar with htmlarea, I don't think I'll be a great help here.

[ray326]

I assume you mean an HTML editor that is attached to an input field. The one we've used but haven't played with much is Moxiecode's TinyMCE (http://tinymce.moxiecode.com/).