Удалить оболочку div

Дополнительный div можно удалить с помощью jQuery. Я не уверен, что это то, что вы ищете. Тем не менее, это может быть решение удалить лишний div

var content = $(".styledRadio").contents();
$(".styledRadio").replaceWith(content);

Добро пожаловать в Stack Overflow!

У вас есть доступ к кодовой базе? Тогда загрузка и включение этого модуля, вероятно, будет большим помощником: CKEditor Аккордеон

Adds a new button to Drupal 8's built in CKEditor which allows the user to create & display any type of content in an accordion format.

Я попытался применить стандарты кодирования к вашим фрагментам кода и понял, что в них обоих отсутствует закрывающий </div>. Это нарочно?

Вы используете модуль Big Pipe для кеширования и исчезает ли эта проблема при его отключении? (Однажды я испытал нечто подобное, описанное здесь https://www.drupal.org/project/drupal/issues/2738685, что подводит меня к следующему вопросу.)

Какую версию Drupal вы используете?

И последнее, но не менее важное: я хотел бы упомянуть, что все остальные ответы здесь просто пытаются вылечить симптомы, когда основной проблемой является JS, который в первую очередь добавляет дополнительный <div>. Но еще большая «проблема» в том, что вы пытаетесь сделать это в поле редактора. Что следует использовать для содержания, а не для функциональности.

Когда вы пытаетесь создать функции в текстовых полях, возникает ряд проблем. Без выделения кода, без автоотступов, без автозавершения кода. После завершения его может очень легко сломать кто-то без ваших навыков. Нет отслеживания версий, нет поиска и замены в базе кода, сложно развертывать в разных средах с разными базами данных.

Вкратце: не делайте этого. Попробуйте упомянутый модуль. Или добавьте другой тип контента (возможно, «Аккордеонный элемент», а затем отобразите эти узлы в Просмотры Аккордеон (функциональность аккордеона, примененная к View), а затем поместите View с сокращенным кодом, предоставленным Вставить представление, в любом месте нужного вам контента.