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

发布于 2025-01-07 10:34:20 字数 565 浏览 0 评论 0原文

我正在开发一个 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>

我想要在文本区域中显示的文本是视频链接文本行

原文

I am working on a youtube video embedder that when you copy and paste a link into, it displays the edited link in the text area.

This is all I have so far:

<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">
<iframe width="500" height="500" scr="http://www.youtube.com/embed/"> <iframe>
  </textarea>
</div>
</body>
</html>

The text I want to display in the textarea is the videolink text line

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

很酷又爱笑 2025-01-14 10:34:20

试试这个：

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/

Try this:

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;');
}

Here's the updated jsFiddle: http://jsfiddle.net/9Kxxb/2/

回复收藏 0 原文

~没有更多了~