Question

我正在开发一个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中显示的文字是视频链接文本行

Answer 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/

如何在textarea中的网页中的其他位置显示文本？

1 个答案: