ansaurus

Question

How can I embed a textarea inside of another textarea in HTML?

Answer 1

+1 A:

Try this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Test Embedded textareas</title>
</head>
<body>
    <textarea>
        Outside Textarea

    </textarea>
<textarea style="margin-top:-250px; height:250px;">Inside Textarea</textarea>
</body>
</html>

CodeJoust 2009-10-28 17:02:35

didn't work for me in FF 3.5. Also, I forgot to mention that I don't want to modify the inside textarea. I'll edit the question to clarify.

John Scipione 2009-10-28 17:07:33

Answer 2

A:

Why?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Test Embedded textareas</title>
</head>

<style type="text/css">
    #outside { position:absolute; top:0; left:0; z-index:0; width:400px;
        height:400px }
    #inside  { position:absolute; top:100px; left:100px; z-index:1; 
        width:200px; height:200px; }
</style>

<body>

    <div>

        <textarea id="outside" rows="10" cols="80">
            Outside Textarea
        </textarea>

        <textarea id="inside" rows="5" cols="60" readonly>
            Inside Textarea
        </textarea>

    </div>

</body>
</html>

Sinan Ünür 2009-10-28 17:28:24

well done but no good, inner textarea must be inside outer block and cannot modify inner textarea

John Scipione 2009-10-28 17:35:51

Answer 3

A:

Try a hidden form field.

Daniel A. White 2009-10-28 17:30:14

Answer 4

+1 A:

No. You can't do it. The only thing valid inside of a textarea is text. It's a textarea. :-)

Jesse Weigert 2009-10-28 17:30:53

I only want to put text in my textarea, specifically the text </textarea>, but it won't let me do it!

John Scipione 2009-10-28 17:33:01

No, you're trying to put the text </textarea> in your text area. Excluding those entities are what encoding is for.

eaolson 2009-11-01 16:57:41

Answer 5

+9 A:

Yo dawg.

Seriously, encoding the html is the only option. You can always decode it/do whatever in your server-side code once it gets posted.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Test Embedded textareas</title>
</head>
<body>
    <form method="POST">
        <textarea>
            Outside Textarea
            &lt;textarea&gt;Inside Textarea&lt;/textarea&gt;
        </textarea>
        <input type="submit" value="Submit" />
    </form>
</body>
</html>

Chetan Sastry 2009-10-28 17:32:31

I heard you like textareas, so I put a textarea in your textarea so you can edit your textarea while you edit your textarea?

Chris Sobolewski 2009-10-28 17:37:09

You must convert to entities. The only other (ick) solution might be to use JavaScript to convert the brackets and populate the text area, and then reconvert on submit.

Jim Zajkowski 2009-10-28 18:07:28

I begrudgingly accept this answer to be truth.

John Scipione 2009-10-28 19:32:12

Answer 6

A:

Have you considered using FckEditor?

Paul Sasik 2009-10-28 18:01:38

Yes I have considered using an editor like FckEditor but I don't want a WYSIWYG editor. I just want a plain old text editor inside of an HTML textarea. I am using EditArea Javascript to style the html code though. Check it out here: http://www.cdolivet.com/index.php?page=editArea

John Scipione 2009-10-28 21:16:19

ansaurus

tags:

views:

answers:

How can I embed a textarea inside of another textarea in HTML?

related questions