[英]Insert hyperlink and remove hyperlink in Javascript
我想创建2个简单的按钮,如下所示:
用于在textarea中插入和删除指向我的HTML的超链接。
我的代码是:
function formatDoc(sCmd, sValue) {
oDoc = document.getElementById("textBox");
document.execCommand(sCmd, false, sValue); oDoc.focus();
}
在身体上:
<div><img class="intLink" title="Hyperlink" onclick="var sLnk=prompt('Inserire lURL','http://');if(sLnk&&sLnk!=''&&sLnk!='http://'){formatDoc('createlink',sLnk)}" src="link.gif" /></div>
<textarea id="textBox"><p>Lorem ipsum</p></textarea>
但这无法创建超链接并将其添加到我的元素。 怎么了?
ps:有没有简单的方法可以从元素中删除链接?
您不能将超链接放在textarea或html中。 它被忽略。
您可以使用它转换为超链接并在div中显示
function ConvertToLinks() {
str = document.getElementById("S1").value;
str = str.replace(/\r\n|\n/g,'<br>');
document.getElementById('txtLinks').innerHTML = str;
}
<textarea rows="5" id="S1" name="S1" cols="40">
<a href="http://yahoo.com">Yahoo</a>
<a href="http://google.com">Google</a>
<a href="http://webdeveloper.com">Web Developer</a>
</textarea>
<br><button onclick="ConvertToLinks()">Convert to Links</button>
<div id="txtLinks" style="width:350px;min-height:100px;border:1px solid red"></div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.