Question

用户是否可以在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来改变它。

Answer 1

您不能在文本区域内放置任何“活动链接”。文本区域旨在显示纯文本内容。而不是你可以使用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>

Answer 2

使用这样的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使其看起来像文本区域。

Answer 3

不是确切的解决方案，但您可以看看它是如何在RTF编辑器中实现的，只需将最简单的一个作为niceditor，简单的JS代码将使用允许的HTML标记转换可编辑区域中的任何textarea。

添加链接以显示在textarea框内

3 个答案: