首页 / JAVASCRIPT / javascript – CKEditor,带孩子的自定义对象

javascript – CKEditor,带孩子的自定义对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – CKEditor,带孩子的自定义对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1798字，纯文字阅读大概需要3分钟。

内容图文

我正在尝试为CKEditor创建一个插件,用于添加带子节点的自定义对象.

例：

<div>
    <img src="someimage.jpg" />
    <p>
        Some text
        <span>Some subtext</span>
    </p>
    <img src="someStaticImage.jpg" />
</div>

在onOk功能我有：

---snip---
this.imgElement.setAttribute('src',path + data.imageSrc);
this.staticImgElement.setAttribute('src',path + 'images/staticimg.jpg');
this.imgElement.appendTo(this.element);
this.imgElement.appendTo(this.element);
this.staticImgElement.appendTo(this.element);
---snip---

我希望这个块表现为单个元素,这意味着按下退格键会删除整个块,双击它会打开编辑对话框…

知道我怎么能这样做吗？

我接近设定

this.element.setAttribute('contenteditable','false');

但是,如果“it”是ckedit窗口中的第一个元素,则不允许在“it”之前插入内容.

编辑：

更多信息：
我正在使用CKEditor 4.0,内联版本
我希望我的“对象”就像“图像”插件,当你双击图像时,会打开一个对话框,就像你创建对象时一样(你设置src,宽度……) .
我设法使它类似于它,但因为它是带有子元素的div,CKEditor将每个部分视为单独的,这使得删除对象(带退格)的行为方式很奇怪,只有部分内容被删除,需要多次按下退格键才能删除整个对象.

解决方法:

我是CKEditor核心开发人员,我认为我有一个有趣的消息:).巧合的是,现在我们正在研究Widgets feature,这正是你的意思.

通过设置contenteditable = false使页面的某些片段不可编辑,使它们无法使用.选择,复制和粘贴,右键单击,使用箭头键 – 所有这些至少部分被打破.如果您尝试添加嵌套的可编辑元素(在不可编辑的内部可编辑),则更糟糕,例如,它可以从里面删除.

这就是为什么我们决定实现一个很好的API来创建小部件并修复所有这些错误.也许不是所有的错误都在开头的所有浏览器中,因为它们的数量巨大(真的……我的意思是huuuuge：P),当然浏览器之间根本没有标准行为.但这将是一个良好的开端.将在即将发布的CKEditor 4.2中发布的小部件的第一个版本应该是可用的 – 这是我们的目标.然后我们将专注于稳定实施.

PS. CKEditor Roadmap说CKE 4.2将在11天内准备好,不幸的是,这不是真的.我们被推迟了,但我现在不想估计多少.

内容总结

以上是互联网集市为您收集整理的javascript – CKEditor,带孩子的自定义对象全部内容，希望文章能够帮你解决javascript – CKEditor,带孩子的自定义对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/731385.html

来源：【匿名】