ckeditor div背景属性

Question

我在我的网站上使用ckeditor， 我在编辑器中有一些div列，我需要为它们更改一些背景。例如进入图像。

<div class="box">
   <div class="title">TITLE</div>
   <div class="content">CONTENT</div>
</div>

问题是所有div都有其他子div与文本，当我点击RMB和＆＃34;更改div选项＆＃34;它总是带着文字的最后一个孩子，我不能为顶级父母编辑它...有什么解决方案吗？

我在底元素路径中尝试过人民币或其他东西，但没有效果

Answer 1

这样的功能不是CKEditor的核心功能，但是自己做起来会非常简单。我在之前的工作中做了类似的事情，作为CKE的事件监听器扩展。我说这需要一个不错的JS开发只需要几天时间来做这样的事情 - 或者对CKE有好感并且在JS几个小时可能非常擅长。

我对事件监听功能的建议

1. 收听elementspath更新事件。我建议使用CKE事件，而不是本机点击事件，这使元素定位更简单。有关事件帮助，请参阅cke docs。
2. 在更新时将rmb侦听器绑定到每个elementspath元素
3. 在rmb上，创建一个带有编辑BG
选项的小菜单DIV
4. 在菜单上单击，使用BG选择器显示自定义弹出窗口

如果您希望该功能更加精彩，可以将其设为插件。