[SOLVED] html code inside text are

xtreme231 · #1 (**permalink**) 06-27-05, 01:02 AM

hello all,
i want to put html code in textare and wanna get it parsed in webpage.i.e. i want to get the html code (inside textarea) to be parsed in web browser .is it possible.
any help is thankfully acknowledged.
thanks.

NeverMind · #2 (**permalink**) 06-27-05, 04:01 AM

this is the job of WYGSWYS, normal textareas can't do that.
check this link out:
http://www.htmlarea.com/directory/WYSIWYG_Editors/

Keith · #3 (**permalink**) 06-27-05, 02:02 PM

Are you talking a fake textarea that can display HTML? If you don't plan on being able to submit any info with it, this can be done with CSS:

http://files.kbluhm.com/keith/html_textarea.html

xtreme231 · #4 (**permalink**) 06-29-05, 05:06 AM

now let me be clear.
i want a textarea in which html codes can be placed.the codes can be this:-

Quote:

<p><font color="#00FF00">html code</font> inside text <font color="#000080">area</font> 
<br  />  is it a nice <font color="#FF00FF">thinking</font></p>
<p> </p>

i want to copy the contents of text area or div area by clicking a button by using javascript.
what i want is 2 things.
1. i want the above code to be displayed in textarea after being parsed as html .i.e. i want the colorful output to be displayed in textarea.
2.when i should copy the contents of textarea by clicking a button ,only output should be copied.the copied code should be this :-

Quote:

html code inside text area
is it a nice thinking

can you help me or can you give me an idea.
thanks.

NeverMind · #5 (**permalink**) 06-29-05, 05:34 AM

Quote:

Originally Posted by NeverMind

this is the job of WYGSWYS, normal textareas can't do that.
check this link out:
http://www.htmlarea.com/directory/WYSIWYG_Editors/

you didn't look there, did you?

xtreme231 · #6 (**permalink**) 06-29-05, 02:16 PM

YA,
i looked at the site and the programs listed on the site are html editors.but i donot need editors.

gcd-nice · #7 (**permalink**) 07-07-05, 02:03 PM

ok I think I understand what your trying to do. It's Complicated and I dont think javascript will work.

Quote:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">

</style>
</head>

<body>
<from>
<textarea name="name" cols="2" rows="5" class="cssnamehere">Text in the field</textarea>
</form>
</body>
</html>

To get colors to be specific you will need to use a CSS for the html page.
If your looking to display that info somewhere with that look you would need a content management solution.

What is the desired result, a form will just send this somewhere as character data?

angel.of.wisdom · #8 (**permalink**) 07-23-05, 02:55 PM

i'm not sure about what do you exactly want, but if it is what i think, then paste this code in notepad, save it as html and view it in your browser. i think that this works only in MSIE,because it uses SPAN tags and i don't know how to use DIVs. now it's me asking for help

Code:

<HTML>
<HEAD>
<TITLE>Example</TITLE>
</HEAD>
<BODY>
<script type="text/javascript">
function WriteToArea(){ document.all.htmlarea.innerHTML = ta.value }
</script>
<p><textarea rows=10 cols=80 id=ta></textarea>
<p><span id=htmlarea></span>
<p><input type=button onClick="WriteToArea()" value="Parse inside">
</BODY>
</HTML>

i hope this helped...

and forgive my english...

angel.of.wisdom · #9 (**permalink**) 07-23-05, 03:02 PM

you can also create a NEW page with the HTML code written in that textarea. just replace

function WriteToArea(){ document.all.htmlarea.innerHTML = ta.value }

with

function WriteToArea(){ document.write(ta.value) }

OR

function WriteToArea(){ document.write("<HTML><HEAD></HEAD><BODY>" + ta.value + "</BODY></HTML>") }

i think that this might work.

any other doubts,let me know

i'm here to help.
c ya later

angel.of.wisdom · #10 (**permalink**) 07-23-05, 03:05 PM

the codes i gave were to create a new webpage (virtual) that contains all HTML and JavaScript, CSS, etc that you write on the textarea. in other words, the textarea will contain the HTML code for a new page, written by the user.