Question

我正在开发一个简单的富文本编辑器，我想知道是否可以在div中创建一个链接。为清楚起见，让我们有一个示例场景：

用户希望在博客上发帖，然后从网址复制链接，然后将其粘贴到ContentEditable div内，程序必须将复制的文本复制到link。然后，当他点击 POST 按钮时，该程序必须从html获取ContentEditable div代码（例如：<a href="stackoverflow.com"> stackoverflow.com </a>）

到目前为止，我所拥有的是 HTML 代码：

<div contentEditable=true id = "discussionmessage"></div>
<button id = "post"> POST </button>

和 Javascript 代码在这里：

//alerts the text inside the ContentEditable div.
$("#post").click(function(){ 
    alert(document.getElementById("discussionmessage").innerHTML);     
});

有可能吗？

Answer 1

从我想知道你可以使用jQuery做这样的事情：

$("#post").click(function(){ 
    var link = $("#discussionmessage").html();
    $("#discussionmessage").html("<a href="+link+">"+link+"</a>");
});

这样你就可以使用复制的链接为所选的div添加一个锚标记..

如果您只想获取链接并在JS中添加锚标记，那么只需：

$("#post").click(function(){ 
    var link = ("<a href="+$("#discussionmessage").html()+">"+$("#discussionmessage").html()+"</a>";

});

希望它有所帮助.. ^^

在ContentEditable Div中创建一个链接

1 个答案: