我正在开发一个简单的博客系统,我正在使用contenteditable,以便用户可以格式化文本.
到目前为止,一切都像魅力一样.
我想要的下一件事是用户可以在文本中添加超链接.
用户必须选择(部分)文本并单击链接按钮.之后会打开一个弹出窗口,用户应该输入链接地址.
当用户点击接受按钮时,我想将链接添加到他们在contenteditable中选择的文本.
我怎么能实现这个功能,因为我不知道如何做到这一点?
我的网站:http://82.170.147.49/blog/3/alpha-release
我的网站jsFiddle:http://jsfiddle.net/qhN9j/
我正在使用可编辑的iframe构建一个所见即所得的编辑器document.execCommand().现在我需要使用"insertHTML"在Chrome和Firefox中完美运行的命令,但当然它在Internet Explorer中不起作用:
function run() {
document.getElementById("target").focus();
document.execCommand("insertHTML", false, "<b>ins</b>");
}Run Code Online (Sandbox Code Playgroud)
<div contenteditable id="target">contenteditable</div>
<button onclick="run()">contenteditable.focus() + document.execCommand("insertHTML", false, "<b>ins</b>")</button>Run Code Online (Sandbox Code Playgroud)
这个问题的标准解决方案是什么?没关系,如果它只适用于IE8,但IE7支持也会很好.