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:
Multiple text areas


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.

 


leannetempest
New User

Dec 21, 2004, 10:32 AM

Post #1 of 6 (3054 views)
Shortcut
Multiple text areas Can't Post

Hello,

I was wondering if its at all possible to use the the toolbar to edit more than one area? If so how would I implement this?

Thanks


valli
New User

Dec 21, 2004, 2:43 PM

Post #2 of 6 (3047 views)
Shortcut
Re: [leannetempest] Multiple text areas [In reply to] Can't Post

Yes it is. I tried to manage with that doing this :

1.Paste as normal between tags <head></head>:, with the correct htmlarea path

/////////////////////////////////////////////////////////////////////////////////////////////

<script language="Javascript1.2">
<!-- // load htmlarea
_editor_url = "htmlarea/"; // URL to htmlarea files
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);
if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; }
if (win_ie_ver >= 5.5) {
document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');
document.write(' language="Javascript1.2"></scr' + 'ipt>');
} else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); }
// --></script>

2.Between the <body> tags paste this :

////////////////////////////////////////////////////////////////////////////////////////////////////////

<script language="javascript1.2">
var config = new Object(); // create new config object

config.width = "90%";
config.height = "200px";
config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';
config.debug = 0;

// NOTE: You can remove any of these blocks and use the default config!

config.toolbar = [
['fontname'],
['fontsize'],
['fontstyle'],
['linebreak'],
['bold','italic','underline','separator'],
// ['strikethrough','subscript','superscript','separator'],
['justifyleft','justifycenter','justifyright','separator'],
['OrderedList','UnOrderedList','Outdent','Indent','separator'],
['forecolor','backcolor','separator'],
['HorizontalRule','Createlink','InsertImage','htmlmode','separator'],
['about','help','popupeditor'],
];

config.fontnames = {
"Arial": "arial, helvetica, sans-serif",
"Courier New": "courier new, courier, mono",
"Georgia": "Georgia, Times New Roman, Times, Serif",
"Tahoma": "Tahoma, Arial, Helvetica, sans-serif",
"Times New Roman": "times new roman, times, serif",
"Verdana": "Verdana, Arial, Helvetica, sans-serif",
"impact": "impact",
"WingDings": "WingDings"
};
config.fontsizes = {
"1 (8 pt)": "1",
"2 (10 pt)": "2",
"3 (12 pt)": "3",
"4 (14 pt)": "4",
"5 (18 pt)": "5",
"6 (24 pt)": "6",
"7 (36 pt)": "7"
};

//config.stylesheet = "http://www.domain.com/sample.css";

config.fontstyles = [ // make sure classNames are defined in the page the content is being display as well in or they won't work!
{ name: "headline", className: "headline", classStyle: "font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;" },
{ name: "arial red", className: "headline2", classStyle: "font-family: arial black, arial; font-size: 12px; letter-spacing: -2px; color:red" },
{ name: "verdana blue", className: "headline4", classStyle: "font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue" }

// leave classStyle blank if it's defined in config.stylesheet (above), like this:
// { name: "verdana blue", className: "headline4", classStyle: "" }
];

editor_generate('yourFieldNameHere2',config);
</script>

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

In the last line you replace the name of your texarea instead of

'yourFieldNameHere2' ------>'name of your textarea'

in

editor_generate('yourFieldNameHere2',config);

and then you can put many of these commands with different names of textarea

editor_generate('yourFieldNameHere3',config);

editor_generate('yourFieldNameHere4',config);

editor_generate('yourFieldNameHere5',config); etc............

I don't keep at the same time the script
<script language="javascript1.2">
editor_generate('yourFieldNameHere');
</script>

before the <textarea> tag

You can also configure the toolbars in this script

Hope it will be also correct for you. ...


leannetempest
New User

Dec 22, 2004, 3:48 AM

Post #3 of 6 (3005 views)
Shortcut
Re: [valli] Multiple text areas [In reply to] Can't Post

Sorry, I didn't make myself clear. I want to be able to use one toolbar for multiple text areas on the page rather than have a toolbar for each text area. This is because I have a number of small text areas on the page that will not be able to fit the toolbar on.


tykuo
Novice

Dec 24, 2004, 3:41 AM

Post #4 of 6 (2941 views)
Shortcut
Re: [leannetempest] Multiple text areas [In reply to] Can't Post

Hi leannetempest,

You can see the demo page here: http://nomiss.nttu.edu.tw/htmlarea/example.html

And, download the whole site at this thread.

Hope it be helpful.

-- tykuo


kalexan
New User

Feb 3, 2005, 2:02 AM

Post #5 of 6 (2577 views)
Shortcut
Re: [tykuo] Multiple text areas [In reply to] Can't Post

well actually I downloaded the rar file but there must be a problem with the "insert table" button.

I receive:

Line:13
Error: 'opener.document.all[..].config' is not an object


I think that it must has to do with my 'long' file path from where I use the example...


(This post was edited by kalexan on Feb 3, 2005, 2:10 AM)


tykuo
Novice

Feb 3, 2005, 8:15 AM

Post #6 of 6 (2566 views)
Shortcut
Re: [kalexan] Multiple text areas [In reply to] Can't Post

Hi,

Files must be put on an web server for proper working.

-- tykuo

 
 
 


Search for (options)