新创建的链接被阻止显示在localhost

时间:2019-04-11 15:09:18

标签: javascript html

需要在一个内容可编辑的div中创建一个链接。

请选择https://google.com并单击按钮。

在下面的示例中,一切正常,但是我的本地主机(win7,xampp,chrome)上的相同代码将链接创建为显示的块,如下所示:

lorem ipsum
https://google.com

为什么会发生这种情况,以及如何创建普通的内联链接。

$('button').on('click', function(){
	let a = window.getSelection().toString();
	let ht = "<a contentEditable='false' href = '" + a + "' target = '_blank'>" + a + "</a>";
	document.execCommand('insertHTML', false, ht);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='story' contenteditable>
lorem ipsum https://google.com
</div>
<br>
<button>CLICK</button>

0 个答案:

没有答案