html - 如何在 contentEditable div 中制作可点击的 anchor ?

标签 html contenteditable

我有以下代码:

<div contentEditable="true">
    Blah blah <a href="http://google.com">Google</a> Blah blah
</div>

Fiddle

有没有办法使这个 a 可点击,不可编辑,而无需在该 div 之外移动 anchor ?

最佳答案

只需将链接包裹在另一个 div 中,如下所示:

<div contentEditable="true">

    <div contentEditable="false">
            Bla bla <a href="http://google.com">Google</a> Bla bla
    </div>
</div>​

关于html - 如何在 contentEditable div 中制作可点击的 anchor ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12059211/

相关文章:

Jquery if contenteditable=true 事件

css - 光标出现在带有占位符和 :before attribute 的 contenteditable div 上方

javascript - 如何使用 JQuery 应用的 CSS 类正确创建可编辑的 "Font Tester"类型编辑器?

php - PHP 中选择元素的默认值

javascript - AngularJs - 如何在 chrome 应用程序中打印模态弹出 div 内容?

jquery - 为 "click"属性解除绑定(bind) "onclick"

jquery - 更改文本节点的内容

jquery 在 contenteditable div 中设置光标位置

javascript - 使用 jQuery 获取包含数据的 HTML

html - 调整包装器 CSS 以遵循响应式设计