如何在文本区域的网页中的其他地方显示文本？答案

【问题标题】：How do I display text elsewhere in my webpage in a textarea?如何在文本区域的网页中的其他地方显示文本？
【发布时间】：2012-02-17 20:06:42
【问题描述】：

我正在开发一个 youtube 视频嵌入器，当您将链接复制并粘贴到该嵌入器时，它会在文本区域中显示已编辑的链接。

这就是我目前所拥有的：

<html>
<body>
<div>
  <input id="videolink" type="text" value="Youtube Video Identification link(The bit at the end) Here" onfocus="this.value==this.defaultValue?  this.value='':null">
  <br />
  <textarea rows="10">
&lt;iframe width="500" height="500" scr="http://www.youtube.com/embed/"&gt; &lt;iframe&gt;
  </textarea>
</div>
</body>
</html>

我要在textarea中显示的文字是videolink文本行

【问题讨论】：

“其他地方的文字” - 比如在哪里？具体一点。
@EandCProducts 您是否希望将 input[value] 设置为等于用户定义的值？从文本区域设置？如果是这样，我可以提供帮助，但请说明您需要什么。
你需要 JavaScript。

标签： html youtube textarea embed

【解决方案1】：

试试这个：

var input = document.getElementById('videolink'),
    val = xmlencode(input.value),
    textareas = document.getElementsByTagName('textarea'),
    textarea = textareas[0];
textarea.value = val;

function xmlencode(string) {
  return string.replace(/\&/g,'&'+'amp;').replace(/</g,'&'+'lt;').replace(/>/g,'&'+'gt;').replace(/\'/g,'&'+'apos;').replace(/\"/g,'&'+'quot;');
}

这里是更新的 jsFiddle：http://jsfiddle.net/9Kxxb/2/

【讨论】：

我也希望它在视频链接前面加上youtube.com/embed。注意：还有www。在链接的前面和 / 的末尾。
喜欢这个？ val = '<p>youtube.com/embed/<p>' + val
这对我不起作用，我需要它把它放在已经存在的文本的特定部分中，而不是在文本区域中放置任何东西。有什么方法可以激活吗？
我稍微更改了代码，新代码在问题中。我希望它在 iframe 中嵌入/ scr 之后放置它
这澄清了事情。您需要做的是在将值输出到 textarea 值之前对其进行编码。让我更新我的答案。