有没有办法用户可以在textarea中输入URL并使链接实际显示并作为超链接工作？
例如:
<textarea name="Miscell" cols="110" rows="5" wrap="Virtual" class="noborder">
blah blah blah=
<a href="http://www.googel.com/">Google</a>
blah blah blah
</textarea>
没有显示链接:我该怎么办？
我不是在创建那个网站:我只是想用Firebug来改变它.
nid*_*hin 13
您不能在文本区域内放置任何"活动链接".文本区域旨在显示纯文本内容.而不是你可以使用div并使用一些css使div作为文本区域.
例如:(不是我的代码)
<style type="text/css">
#box {
width: 400px;
margin: 0 auto;
overflow: auto;
border: 1px solid #0f0;
padding: 2px;
text-align: justify;
background: transparent;
}
</style>
HTML...
<body>
<div id="box">
<h4>My Links</h4>
<a href=">• Paragraph One Here.</p><p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
</div>
使用这样的DIV:
<div id="box">
<h4>My Links</h4>
<p><a href="URL" title="Description">Text Description</a></p>
<p><a href="URL" title="Description">Text Description</a></p>
</div>
并确保此脚本标记位于此div元素之后
<script type="text/javascript">
document.getElementById("box").contentEditable='true';
</script>
如果您使用的是jQuery,那么将脚本标记放在哪里并不重要,只需将其放入.$(document).ready();这将使div可编辑.这意味着链接也是可编辑的.我测试了它 - 在chrome和ff中工作.
这将使div可编辑,但您需要为用户提供一些视觉提示,告诉他们这是可编辑的 - 使用CSS使其看起来像文本区域.