如何在HTML中的另一个textarea中嵌入textarea?

时间:2009-10-28 16:58:29

标签: html

有没有办法在另一个textarea块中嵌入textarea块但不渲染内部textarea并保留外部textarea?我无法修改内部textarea。也许对于外部区块而言比使用文本区更好。我需要一些能在POST上提交内容的东西。将内侧尖括号转换为实体是不是一个选项,因为我想在外部textarea中保留html。

非工作样本代码:

<!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
            <textarea>Inside Textarea</textarea>
        </textarea>
        <input type="submit" value="Submit" />
    </form>
</body>
</html>

10 个答案:

答案 0 :(得分:23)

哟dawg。

说真的,编码html 是唯一的选择。一旦发布,您可以随时解码它/在服务器端代码中执行任何操作。

<!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>

答案 1 :(得分:3)

我在段落标记中包含textarea已经取得了足够的成功。这些对我有用:

<p style="margin:0;"><textarea rows="1" readonly="readonly" id="summary" name="Summary" ></textarea></p>

<p><textarea name="Note"></textarea></p>

这个对我不起作用:

<p><textarea rows="4" name="In_Honor_Address" class="blockInput"></textarea></p>

没有弄清楚其中一个工作与另一个工作之间有什么不同,但值得一试。

答案 2 :(得分:2)

没有。你不能这样做。 textarea中唯一有效的是文本。这是一个textarea。 : - )

答案 3 :(得分:1)

试试这个:

<!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>

答案 4 :(得分:0)

为什么?

<!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>

答案 5 :(得分:0)

尝试隐藏的表单字段。

答案 6 :(得分:0)

您是否考虑过使用FckEditor

答案 7 :(得分:0)

继承你的解决方案:

替换所有&lt;'s和&gt;'s
&lt; and &gt;

答案 8 :(得分:0)

我最近遇到了同样的问题,经过网络搜索高低搜索后,我将内部表单放入无缝iframe中解决了这个问题。

答案 9 :(得分:0)

我实际上遇到了这个问题,因为我通过站点上的textare编辑模板时,我当然希望站点上有textarea...。

我的解决方案,当在textarea中显示文本以进行编辑时,我将/ textaerea替换为/ textarea占位符,然后在提交数据库之前更新数据库,我只是做了相反的操作,因此/ textarea或/ textarea占位符将是正确的,它将在编辑器中显示所有内容,而不是在井中首次出现/ textarea的“文本”时关闭编辑器

还显示html实体确实摆脱了对html的编辑,这就是我采用替换方法的原因。