堆棧內存溢出
  簡體   English   中英

如何在 HTML 中的另一個文本區域內嵌入一個文本區域？

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

 原文  2009-10-28 16:58:28  7   10    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 個解決方案

解決方案1
 25 已采納  2009-10-28 17:32:31

喲呸。

說真的，編碼 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>

解決方案2
 3  2013-07-24 04:44:20

我已經成功地將 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>

還沒有弄清楚其中一個工作和另一個不工作之間的區別，但值得一試。

解決方案3
 2  2009-10-28 17:30:53

不，你不能這樣做。 在 textarea 中唯一有效的是文本。 這是一個文本區域。 :-)

解決方案4
 1  2009-10-28 17:02:35

試試這個：

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

解決方案5
 1  2009-10-28 17:28:24

為什么？

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

解決方案6
 1  2011-06-13 23:52:08

這是您的解決方案：

將所有 < 和 > 替換為

&lt; and &gt;

解決方案7
 0  2009-10-28 17:30:14

嘗試隱藏表單域。

解決方案8
 0  2009-10-28 18:01:38

你考慮過使用FckEditor嗎？

解決方案9
 0  2013-05-21 02:43:47

我最近遇到了同樣的問題，在網上搜索了高低的答案后，我通過將內部表單放入無縫 iframe 中解決了這個問題。

解決方案10
 0  2020-04-06 22:05:58

我實際上遇到了這個，因為我通過我網站上的 textare 編輯我的模板我當然希望在網站上有一個 textarea....

我的解決方案，當在 textarea 中顯示文本進行編輯時，我將 /textaerea 的字符串替換為 /textarea 占位符，然后在提交更新數據庫之前，我只需執行相反的操作，因此 /textarea 或 /textarea 占位符將是正確的並且將在編輯器中顯示所有內容，而不是在井中第一次出現 /textarea 時關閉編輯器，“文本”

還顯示 html 實體確實遠離了 html 的編輯，這就是我使用替換方法的原因。

如何在 HTML 中將換行符顯式顯示為“\n”<textarea> &lt;i&gt;tag?&lt;/div&gt;&lt;/i&gt;&lt;b&gt;標簽？&lt;/div&gt;&lt;/b&gt;</textarea><div id="text_translate"><p> 我正在編寫一個簡單的 web 應用程序，它將純文本轉換為 python 代碼。</p><p> 示例：這是我的純文本 ----&gt; print("這是我的純文本")</p><p> 純文本存儲在常規文本區域中。 output 文本存儲在禁用的文本區域中。</p><p> 問題：HTML 自動解析 \n，我還沒有找到將 \n 保存在 output 文本區域內的好方法。 這是一個問題，因為復制 output 文本區域內的內容無法正常工作。</p><p> 這是我正在嘗試做的事情：</p><p> 輸入：Foo Bar</p><p> Output：打印（“Foo\nBar”）</p><hr><p> 源代碼： </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> function set(el, text) { while (el.firstChild) el.removeChild(el.firstChild); el.appendChild(document.createTextNode(text)) } /* setupUpdater will be called once, on page load. */ function setupUpdater() { var input = document.getElementsByTagName('textarea')[0], output = document.getElementsByTagName('textarea')[1], timeout = null; function handleChange() { //string.replace(/[\n]/g, '\n') var inputText = input.value; set(output, "print(\"" + inputText + "\")"); ("\n"); } /* eventHandler is called on keyboard and mouse events. If there is a pending timeout, it cancels it. It sets a timeout to call handleChange in 0ms. */ function eventHandler() { if (timeout) clearTimeout(timeout); timeout = setTimeout(handleChange, 0); } input.onkeydown = input.onkeyup = input.onclick = eventHandler; } setupUpdater(); document.getElementsByTagName('textarea')[0].focus();</pre><pre class="snippet-code-html lang-html prettyprint-override"> &lt;div class="grid-container"&gt; &lt;textarea name="plainText" id="plainText" cols="40" rows="40" placeholder="Enter your plain text here"&gt;&lt;/textarea&gt; &lt;textarea name="plainText" id="plainText" cols="40" rows="40" readonly&gt;print("")&lt;/textarea&gt; &lt;/div&gt;</pre></div></div><p></p><p> 我很樂意澄清我沒有解釋的任何事情，但我確實希望這個問題和我想要達到的目標是明確的。</p></div>

[英]How can I explicitly show line breaks as “\n” inside a HTML <textarea> tag?

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 我可以在一個文件中嵌入 HTML 格式嗎？<textarea> 標簽？ 如何在另一個文本區域內將文本區域顯示為HTML代碼？ 如何將按鈕放在文本區域內並限制文本區域大小？ 我如何在textarea中列出html名稱 如何在textarea中添加html？ 如何在html代碼的另一部分或另一個textarea中顯示textarea中的文本 如何讓用戶將html輸入到文本區域？ 如果他們嘗試包括在內，我會遇到問題 <textarea> 在文本區域內 如何在 HTML 中將換行符顯式顯示為“\n”<textarea> &lt;i&gt;tag?&lt;/div&gt;&lt;/i&gt;&lt;b&gt;標簽？&lt;/div&gt;&lt;/b&gt;</textarea><div id="text_translate"><p> 我正在編寫一個簡單的 web 應用程序，它將純文本轉換為 python 代碼。</p><p> 示例：這是我的純文本 ----&gt; print("這是我的純文本")</p><p> 純文本存儲在常規文本區域中。 output 文本存儲在禁用的文本區域中。</p><p> 問題：HTML 自動解析 \n，我還沒有找到將 \n 保存在 output 文本區域內的好方法。 這是一個問題，因為復制 output 文本區域內的內容無法正常工作。</p><p> 這是我正在嘗試做的事情：</p><p> 輸入：Foo Bar</p><p> Output：打印（“Foo\nBar”）</p><hr><p> 源代碼： </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> function set(el, text) { while (el.firstChild) el.removeChild(el.firstChild); el.appendChild(document.createTextNode(text)) } /* setupUpdater will be called once, on page load. */ function setupUpdater() { var input = document.getElementsByTagName('textarea')[0], output = document.getElementsByTagName('textarea')[1], timeout = null; function handleChange() { //string.replace(/[\n]/g, '\n') var inputText = input.value; set(output, "print(\"" + inputText + "\")"); ("\n"); } /* eventHandler is called on keyboard and mouse events. If there is a pending timeout, it cancels it. It sets a timeout to call handleChange in 0ms. */ function eventHandler() { if (timeout) clearTimeout(timeout); timeout = setTimeout(handleChange, 0); } input.onkeydown = input.onkeyup = input.onclick = eventHandler; } setupUpdater(); document.getElementsByTagName('textarea')[0].focus();</pre><pre class="snippet-code-html lang-html prettyprint-override"> &lt;div class="grid-container"&gt; &lt;textarea name="plainText" id="plainText" cols="40" rows="40" placeholder="Enter your plain text here"&gt;&lt;/textarea&gt; &lt;textarea name="plainText" id="plainText" cols="40" rows="40" readonly&gt;print("")&lt;/textarea&gt; &lt;/div&gt;</pre></div></div><p></p><p> 我很樂意澄清我沒有解釋的任何事情，但我確實希望這個問題和我想要達到的目標是明確的。</p></div> 如何在HTML textarea框內將JavaScript函數的輸出用作字符串？ HTML textarea無法點擊（並且無法在內部輸入）
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM