Вимкнення автоматичних стилів таблиці TinyMCE в Publii
Стандартні атрибути або стилі таблиці в редакторі Publii
Редактора TinyMCE в Publii, при додаванні таблиці за допомогою кнопки в панелі встановлює ширину клітинки таблиці. Що говорить про те, що у стандартній конфігурації редактора TinyMCE Publii про додаванні нової таблиці відбувається її стилізація -
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 49.9288%;"> </td>
<td style="width: 49.9288%;"> </td>
</tr>
<tr>
<td style="width: 49.9288%;"> </td>
<td style="width: 49.9288%;"> </td>
</tr>
</tbody>
</table>Це, як на мою особисту думку, не завжди зручно і потрібно! Тому моєю метою буде дослідити можливість вимкнення автоматичної стилізації таблиці, щоб таблиця додавалася в чистому вигляді.
<table>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>Чудовий Publii використовує не менш чудовий TinyMCE, налаштування якого може задовольнити і це наше бажання.
Уважно читаємо документацію на TinyMCE v5 і дізнаємося, що в TinyMCE існують параметри table_default_attributes, який дозволяє вказати атрибути за замовчуванням для вставлених таблиць і параметр table_default_styles, який дає змогу вказати стилі за замовчуванням для вставлених таблиць.
Саме ці параметри ми і використаємо для досягнення нашої мети.
Використаємо конфігурацію для типових установок, коли у таблицях немає стандартних атрибутів або стилів.
tinymce.init({
selector: 'textarea', // change this value according to your HTML
plugins: 'table',
table_default_attributes: {},
table_default_styles: {}
});Цю конфігурацію ми повинні записати до файлу tinymce.override.json, який ми завчасно створили в кореневій директорії Publii теми.
Синтаксис цих рядків для файлу tinymce.override.json буде наступний:
"toolbar": "table",
"table_default_attributes": {},
"table_default_styles": {},За допомогою цих параметрів ми видаляємо всі стилі та атрибути ширини у таблицях, що запобігає автоматичному додаванню атрибутів width, height або style до <table>, <tr>.
Ми досягли поставленої мети!
Коментарі