Блог

Главная - Вопросы по программированию - Применение стиля к родительскому элементу в TinyMCE

Применение стиля к родительскому элементу в TinyMCE

#tinymce #tinymce-4 #episerver

#tinymce #tinymce-4 #episerver

Вопрос:

У меня есть требование добавить класс в p-тег, если у него есть дочерний элемент a-tag, например:

 <p class="read-more-link">
  <a href="#">Link</a>
</p>

Я безуспешно пробовал следующее (это C # в EPiServer):

 new {title="Read more link", selector="p", classes="read-more-link" } // this allows user to add class to any p
new {title="Read more link", selector="p > a", classes="read-more-link" } // this adds class to a tag
new {title="Read more link", selector="p > a", classes="read-more-link", wrapper="true" } // this does nothing
new {title="Read more link", selector="p > a", block="p", classes="read-more-link", wrapper="true" } // this does nothing
new {title="Read more link", selector="a", block="p", classes="read-more-link", wrapper="true" } // this does nothing

Кто-нибудь знает, как это решить?

Комментарии:

1. Вот пример, который показывает проблему: fiddle.tiny.cloud/0xhaab/4

2. new { title="Read more link", block="p", classes="read-more-link", wrapper="true" } Работает ли, без selector ?

3. Да, это так, но это означает, что вы можете добавить класс к любому p-тегу, а не только к тем, у которых есть дочерний a-тег, и это не должно быть разрешено

4. Вокруг выбранного элемента будет добавлена оболочка. Другими словами, оболочка означает, что вы можете добавить <p> тег с указанными классами CSS вокруг любого элемента, выбранного в редакторе. AFAIK нет способа указать, что оболочка должна быть доступна только для переноса определенных элементов.

Ответ №1:

Вы должны использовать оболочку, см. https://www.tiny.cloud/docs/configure/content-formatting/#wrapper

Комментарии:

1. Я пробовал это, см. Мое редактирование в исходном вопросе, но не могу заставить его работать