Question

当我的用户在我的网站上找到一个好主意时，我希望他们能够点击该想法旁边的“添加”按钮，这会打开一个带有textarea的弹出窗口，该文本区域预先填充了该想法的内容。然后，用户可以在将想法内容添加到待办事项列表之前对其进行编辑。

我已经有了这个jQuery函数，但是如果想法内容有链接，那么预填充的textarea就会充满丑陋的锚标签。如何将链接显示为HTML而不是显示锚标记？

这是我的jQuery代码：

$(_this.attr('href')).find('textarea').val(_this.closest('li').find('.textarea-content').html());

感谢。

Answer 1

您无法在textareas中显示链接。

而是使用像TINYMCE那样可用的HTML区域，并在简单模式下使用它，以防它的大小对你来说是个问题。

Answer 2

你不能在<textarea>中拥有链接，它只是不是为此而设计的，你需要某种WSYWIG编辑器，如果这就是你所追求的。仅举几例：

This list is still a pretty decent one富文本编辑器，包括似乎的最小编辑器。

Answer 3

在允许用户直接在您的网站上输入HTML（特别是锚元素）之前，您可能需要三思而后行（特别是如果其他人可以看到这一点）。相反，您可能希望查看降价库like the one employed by StackOverflow。

Answer 4

如果我理解正确的问题，我会使用.text()代替.html()。

Answer 5

假设您尝试发布显示每个添加链接的href的列表，则可行：

$(document).ready(
    function(){
     $('.add').click(
         function(){
             var txt = $(this).prev('a').attr('href');
             var curTxt = $('#linkStore').val();
             $('#linkStore').val(txt + '\n' + curTxt);
         }
         );
    }
    );

尽管如此，它只是文字和不可点击的。

在JS Fiddle处有一个类似的演示。

如何显示链接而不在预填充的textarea中显示锚标签？

5 个答案: