htmlArea

A directory of browser-based WYSIWYG editors

  MAIN
INDEX
SEARCH
POSTS
WHO'S
ONLINE
LOG
IN

Home: htmlArea 2: htmlArea 2 & 3 archive (read only): htmlArea v2.0 - Add-Ons:
add-ons: who's working on what?


The htmlArea 2 & 3 editors have been discontinued.

We've made these forums available as a read-only reference and knowledge-base for people using or developing editors based on htmlArea 2 or 3.

Anyone who is interested in taking over version 2 or 3 is free to do so. All we ask is that you choose a new name that doesn't have "htmlarea" in it to avoid confusion with this site. We'll even give you a link in the directory to make it easier for people to find you. If you are developing or hosting an htmlArea based-editor under a new name, please submit it to our directory.

First page Previous page 1 2 Next page Last page  View All


ewonde
New User

Feb 8, 2003, 4:29 AM

Post #26 of 46 (18584 views)
Shortcut
Re: [redspider] add-ons: who's working on what? [In reply to] Can't Post

made a wizard for form input. addapted from phpformgen.
source code is added to this post. You have to add your own formprocessor, i've used dynaform: http://www.webligo.com/products_dyna.html

still working on some form validation and required fields.

I'm not a hardcore coder but it worked fine for our cliŽnts!
Attachments: form_wizard.zip (5.84 KB)


kuras
New User

Feb 10, 2003, 6:01 AM

Post #27 of 46 (18506 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

well.... I'am also working on image upload and select add-on. The first version is actualy finished, but i have some minor adjustments to make. It's a very simple tool with very simple installation. This add-on is written in PHP.

You can test it right here: http://www.klajoklis.lt/_htmlareaZ/

If you like this small add-on please be patient, it will soon be available for download.

Any comments and suggestions are welcome.

//kuras


lvni900
User

Feb 10, 2003, 3:24 PM

Post #28 of 46 (18462 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

I'm working on property palettes for tables, rows and columns


zippy
Novice

Feb 12, 2003, 12:00 AM

Post #29 of 46 (18431 views)
Shortcut
Re: [lvni900] add-ons: who's working on what? [In reply to] Can't Post

.net server control


redspider
User

Feb 12, 2003, 3:49 AM

Post #30 of 46 (18421 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

I think to start with line properties.
greetz

Redspider
Belgium
http://www.tielt.be


Szabby
New User

Feb 14, 2003, 4:19 PM

Post #31 of 46 (18321 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

  I'm using htmlArea in 2 pages' admin section, and for this moment the biggest problem was that in this product didn't know full justify! I've just written a few lines addon, so htmlArea can do it!

I paste the 3 lines:

this.toolbar:

line 43: ['justifyleft','justifycenter','justifyright','justifyfull','separator'],

this.btnList:

line 94: "justifyfull": ['JustifyFull', 'Justify Full', 'editor_action(this.id)', 'ed_align_justify.gif'],

update button states:

line 558: var IDList = Array('Bold','Italic','Underline','StrikeThrough','SubScript','SuperScript','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','InsertOrderedList','InsertUnorderedList');

I attached the image for the button.

I hope you will find this add-on helpful.

bye,
Szabby
Hungary

p.s.: sorry for my english :)
Attachments: ed_align_justify.gif (0.11 KB)


chet
User

Feb 16, 2003, 6:43 AM

Post #32 of 46 (18249 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post


In Reply To
Hi y'all,

Like everyone else, I had been working on a PHP uploader. I was actually working on it a month back, planning to integrate it with the next release of htmlArea, but frankly there have been lots of other versions come out with better functionality, I canned the project and started work on some other stuff.

But what the heck, I thought I'd post it here anyway. Maybe someone could find a use for it :-) Of course anyone's free to modify the code in whatever way they want.

I chose to have a separate button for it - the upward arrow.

It's very much lightweight, but these are its features:

- 12 images per page, with a "next" & "previous" arrow appearing for additional pages.
- all images uploaded into a default "uploads" directory.
- choice for "preserve aspect ratio" in thumbnailed images.
- choice for "max file upload size"
- choice to directly insert image into htmlArea.

Very minimal functionality, but check out the above link for a demo.

I just updated the code tonight, and it's quite conceivable there's the odd bug. If you find one, post here or private message me.

Oh - and I should also note: this ISN'T interactivetools software! It's just a little image palette I wrote myself, so bug and pester ME about it, not the company! :-)

If you want to get it going on your machine, you'll need to do the following:

(1) download image_palette.php and image_options.html and plunk them in your /htmlarea/popups directory.
(2) download blank.jpg and ed_upload_images.gif and put them in your /htmlarea/images/ directory.
(3) in the htmlArea directory, create a new directory called "uploads".
(3) download the attached editor.js and copy it over your old one.

:-)


Thanks for this great tool.
There is however a small problem. When you enlarge the editor and click the image button it says cannot find page.
This also appeared on your demo.
What could be the problem ?

Thanks



(This post was edited by Benjamin on Sep 18, 2003, 11:15 AM)


Benjamin
Staff


Feb 16, 2003, 10:19 PM

Post #33 of 46 (18224 views)
Shortcut
Re: [chet] add-ons: who's working on what? [In reply to] Can't Post

Hey Chet,

Thanks very much for the bug report! It turns out it was a silly thing I overlooked concerning the path to the popup directory.

To fix it, just update the relevant spot in the editor_action() function:

// image palette popup window
if (cmdID.toLowerCase() == 'imagepalette') {
window.open(_editor_url + "popups/image_palette.php?obj=" + objname, 'Image_Palette','toolbar=no, scrollbars=no, height=342, width=500, left=100, top=50');
}


I'll also update the above editor.js file, for those people that don't read on here.

Thanks again, Chet! Smile
Ben
interactivetools.com

(This post was edited by Benjamin on Feb 16, 2003, 10:20 PM)


redspider
User

Feb 17, 2003, 6:21 AM

Post #34 of 46 (18199 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

Hi all,

Just post an update of the "Horizontal Rule" add-on

For download and install procedure see

http://www.interactivetools.com/forum/forum.cgi?post=6992
greetz

Redspider
Belgium
http://www.tielt.be

(This post was edited by redspider on Feb 17, 2003, 6:38 AM)


chet
User

Feb 17, 2003, 8:20 AM

Post #35 of 46 (18184 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

I'm really sorry Benjamin, but there is still a little bug.

When you enlarge the editor and click on the insertimage the path is okay but when you click on a image and select insert the path to the image is wrong in htmlarea.

Is it possible to fix this to Blush

Thanks for your good work !


Benjamin
Staff


Feb 17, 2003, 10:33 AM

Post #36 of 46 (18170 views)
Shortcut
Re: [chet] add-ons: who's working on what? [In reply to] Can't Post

Hahah, oh man! :-)

I'll try and get to that tonight. (Guess I should really be more rigorous in my bug testing :-)
Ben
interactivetools.com


Benjamin
Staff


Feb 22, 2003, 2:34 AM

Post #37 of 46 (18084 views)
Shortcut
Re: [chet] add-ons: who's working on what? [In reply to] Can't Post

Hi Chet,

Sorry for the wait - you've been very patient! Blush

Well, I've come up with a fix, but I can't say I like it very much. Still, I thought I'd post it while I'm unable to think of a better one. You'll need to make these two following changes:

1. At the top of the image_palette.html page, in the "ADMIN SETTINGS" section, right underneath the $localImageDir initialization, put this line:

$absoluteUploadDir = "http://www.yoursite.com/path/to/uploads";

(And for the value, put in the absolute URL of your upload directory).

2. Then, down on line 118, inside the javascript placeImage() function, change this line:
fullImageString = "<img src='uploads/" + imageTag + "'>";
to this:
fullImageString = "<img src='<?=$absoluteUploadDir?>/" + imageTag + "'>";

The problem was that the full screen editor is in a different directory (/popups) from the editor.js file. So, within the fullscreen editor it was trying to insert it into an /uploads directory from WITHIN the /popup directory. What a pain.

The solution above is very much a hack, and not a very good one. It will require everyone who uses the program to define the absolute URL of the uploads directory in order to make it fully work. Urk.

I'll think up a better one. Honest. :-)

Of course, soon as I do, I'll post it here.
Ben
interactivetools.com


chet
User

Feb 22, 2003, 2:46 AM

Post #38 of 46 (18079 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

Thanks for looking in.

Your picture solution was great because you don't have to put in a path.
When I have to enter a path then it's the same with all the other solutions on this board.

Thank you very much for your help and if you ever find a solution I'll be glad to here that.


sticks
Novice

Feb 25, 2003, 11:57 AM

Post #39 of 46 (17999 views)
Shortcut
Re: [lvni900] add-ons: who's working on what? [In reply to] Can't Post

How far have you taken the find and replace functions? It is a feature that we were going to start building but if you have something in place, I would love to see it.

Sticks


lvni900
User

Feb 25, 2003, 1:31 PM

Post #40 of 46 (17994 views)
Shortcut
Re: [sticks] add-ons: who's working on what? [In reply to] Can't Post

The find function was finished some time ago, you can find it in the latest version I posted, also in redspiders version.

The replace function is not yet started, due to an actual lack of time.


iamdecal
Novice

Mar 26, 2003, 6:01 AM

Post #41 of 46 (17700 views)
Shortcut
Re: [Benjamin] add-ons: who's working on what? [In reply to] Can't Post

i orriginally posted this as a soluton to soemthing else, but some of you may find it useful ....

for v3 alpha...

<.snip> Re: [risto] where did the css dropdown go? [In reply to] Edit | Delete | Quote | Reply
i have a work around for this,,, its perhaps not the best way of doing it, but it may help,and hey, its working... it also allows for more that just basic tags.

first create a new drop down section under the fontsize and formatblock ones in this case

this.predefedstyles = {
"Predifined Styles": "|",
"Highlighted": "<div class='highlight'>|</div>",
"Highlightedquote": "<div class='highlightQuote'><img src='/images/front_quote.gif' width='15' height='16' alt='quote' border='0'>|<img src='/images/end_quote.gif' width='15' height='12' alt='unquote' border='0'></div>"

};

note that the value is in the format opentag|closetag - the pipe (|) is used to split them, so you cant use this in your text

add it to your tool bar where you want it ..

add it to the list of select boxes that get generated in this function...

function createSelect() {
var options = null;
var el = null;
var cmd = null;
switch (txt) {
case "fontsize":
case "fontname":
case "formatblock":
case "predefedstyles": //<<<<------------------ my new line here
options = editor.config[txt]; // HACK ;)
cmd = txt;
break;

now add the code to deal with it,

// el is reference to the SELECT object
// txt is the name of the select field, as in config.toolbar
HTMLArea.prototype._comboSelected = function(el, txt) {
this.focusEditor();
var value = el.options[el.selectedIndex].value;
switch (txt) {
case "fontname":
case "fontsize":
this._execCommand(txt, false, value);
break;
case "formatblock":
if (HTMLArea.is_ie) { // sad but true
value = "<" + value + ">";
}
this._execCommand(txt, false, value);
break;
case "predefedstyles": //<<<<------------------ my new line here
if (HTMLArea.is_ie) { // sad but true //<<<<------------------ my new line here
mystring = value.split("|") //<<<<------------------ my new line here
this.surroundHTML(mystring[0],mystring[1]); //<<<<------------------ my new line here
break; //<<<<------------------ my new line here
} // <<<<------------------ my new line here

default:
alert("FIXME: combo box " + txt + " not implemented");
break;
}
};



that should be it, but if it dosent work, post here and i'll try to see what i for got to add



drormata
Novice

Mar 26, 2003, 11:54 PM

Post #42 of 46 (17675 views)
Shortcut
Re: [iamdecal] add-ons: who's working on what? [In reply to] Can't Post

I'm not familiar with the original CSS, but this is quite interesting. There are a few additions, typo fixes to this posting.

1. Also need to add this:

Code
  this.toolbar = [ [ "fontname", "space" ], 
[ "fontsize", "space" ],
[ "formatblock", "space"],
[ "predefedstyles", "space"],//<-- insert this line
[ "bold", "italic", "underline", "separator" ],


2
Instead of

Code
case "predefedstyles": //<<<<------------------ my new line here  
if (HTMLArea.is_ie) { // sad but true //<<<<------------------ my new line here
mystring = value.split("|") //<<<<------------------ my new line here
this.surroundHTML(mystring[0],mystring[1]); //<<<<------------------ my new line here
break; //<<<<------------------ my new line here
} // <<<<------------------ my new line here

It should just simply be:

case "predefedstyles":
mystring = value.split("|")
this.surroundHTML(mystring[0],mystring[1]);
break;


No reason to restrict it to IE and the break shouldn't be inside the curly braces.

3. Any reasong to use a <div> rather than a <span> ? Seems like a <span> would be more appropriate.


Anyway, I like the concept. Now I need to think of some good styles Wink

Regards,


iamdecal
Novice

Mar 27, 2003, 3:09 AM

Post #43 of 46 (17667 views)
Shortcut
Re: [drormata] add-ons: who's working on what? [In reply to] Can't Post

 

3. Any reasong to use a <div> rather than a <span> ? Seems like a <span> would be more appropriate.

none at all, the four i included where ripped out of the style sheets and snippets library for one of the sites i work on, glad at least one other person found it useful ;-)


wei
User

Apr 1, 2003, 6:37 PM

Post #44 of 46 (17622 views)
Shortcut
Re: [iamdecal] add-ons: who's working on what? [In reply to] Can't Post

Yes, there are difference between SPAN and DIV. Some styles applied to a DIV does not look the sames when applied to a SPAN. This creates a very big problem, when selecting some section of HTML containing both DIV and SPAN and trying to apply a CSS style. Do I change the style of the DIV/SPAN or create a new DIV or SPAN to enclose the selected section?


barry-hunter
Novice

Apr 10, 2003, 8:16 PM

Post #45 of 46 (17573 views)
Shortcut
Re: [wei] add-ons: who's working on what? [In reply to] Can't Post

I am currently working on a file manager for the insert link dialog (so can insert link to uploaded PDF document for example)

Incidentally while working on this i noticed that the custom version of the createlink (the non MSHTML version) had some problems involving images in links, which Ive tried to sort, see http://www.interactivetools.com/forum/forum.cgi?post=8988

I have also slightly tweaked the PHP image upload script so that A) clicking Upload also puts the image in the preview window to save having to click it once it has uploaded (thatís probably what you want to do with the just uploaded image anyway!)
And B) clicking OK without uploading a image that you have browsed for, will automatically upload the image and select it, considerably speeding up the process of using a single file from your hard disk (3 clicks to 1!)

When the code is ready and fully tested i will post it on the forum for the collective enjoyment!

Thanks to all the other contributors!

Barry


taurentius
Novice

Apr 11, 2003, 12:48 AM

Post #46 of 46 (17565 views)
Shortcut
Re: [barry-hunter] add-ons: who's working on what? [In reply to] Can't Post

I think I might have crossed barry's ways, but I felt kind of active tonight and worked my way through adapting the image manager so that it supports the display and linking to any file type. It lets you browse for an uploaded file you want to link to. Admitted, it's only a modest adaptation of the original script, but it might be of use for more people than just me.
Suggestions or comments are welcome, as long as they're constructive of course Tongue

--t


(This post was edited by taurentius on Apr 11, 2003, 8:25 AM)
Attachments: fileManager.zip (35.4 KB)
  screenshot.jpg (34.3 KB)

First page Previous page 1 2 Next page Last page  View All
 
 


Search for (options)