需要在一个内容可编辑的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>