Элемент div CKEditor заменяется вместо заполненного

Question

Я недавно написал плагин CKEditor для добавления подписей к изображениям, все работает довольно хорошо, за исключением одной вещи.

Код подписи выглядит следующим образом:Я выбираю текст «Заголовок» и нажимаю кнопку упорядоченного списка, элемент 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>