Question

我最近编写了一个CKEditor插件来为图像添加标题，除了一件事之外它都很好用。

标题的代码如下所示：

<div class="caption_container">
     <img src="image.jpg" />
     <div class="caption_text">
         Caption
     </div>
</div>

当我选择“标题”文本并单击有序列表按钮时，caption_text div元素将更改为ul而不是将ul添加到div

结果：

<div class="caption_container">
     <img src="image.jpg" />
     <ul class="caption_text">
         <li>First item</li>
     </ul>
</div>

我想得到的结果是：

<div class="caption_container">
     <img src="image.jpg" />
     <div class="caption_text">
         <ul>
             <li>First item</li>
         </ul>
     </div>
</div>

有没有办法实现这个目标？

Answer 1

如果您不想触摸CKEditor源代码，我有一个简单的解决方案。你可以添加一个额外的'div'来防止删除'div class =“caption_text”'所以它看起来像：

<div class="caption_container">
     <img src="image.jpg" />
     <div class="caption_text">
          <div>
              Caption
          </div>
     </div>
</div>

最后你会有所需的：

<div class="caption_container">
     <img src="image.jpg" />
     <div class="caption_text">
         <ul>
             <li>First item</li>
         </ul>
     </div>
</div>

CKEditor div元素被替换而不是填充

1 个答案: