相关疑难解决方法(0)

在contenteditable元素中插入链接

我正在开发一个简单的博客系统,我正在使用contenteditable,以便用户可以格式化文本.

到目前为止,一切都像魅力一样.

我想要的下一件事是用户可以在文本中添加超链接.

用户必须选择(部分)文本并单击链接按钮.之后会打开一个弹出窗口,用户应该输入链接地址.

当用户点击接受按钮时,我想将链接添加到他们在contenteditable中选择的文本.

我怎么能实现这个功能,因为我不知道如何做到这一点?

我的网站:http://82.170.147.49/blog/3/alpha-release

我的网站jsFiddle:http://jsfiddle.net/qhN9j/

javascript jquery hyperlink contenteditable

18
推荐指数
3
解决办法
2万
查看次数

Internet Explorer中的execCommand("insertHTML",...)

我正在使用可编辑的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, "&lt;b>ins&lt;/b>")</button>
Run Code Online (Sandbox Code Playgroud)

这个问题的标准解决方案是什么?没关系,如果它只适用于IE8,但IE7支持也会很好.

javascript internet-explorer internet-explorer-8

8
推荐指数
1
解决办法
2万
查看次数