Moodle предоставляет относительно простой способ стилизации контента, например. добавление вашего CSS в Администратор -> Внешний вид -> Дополнительный HTML.
Стилизация контента в модулях H5P, к сожалению, не так проста, так как контент загружается через iframe, и без изменения файлов вашей темы кажется, что нет простого способа внедрить CSS в контент, загруженный iframe.
Найдите ниже фрагмент, чтобы добавить настраиваемый CSS в H5P. В данном конкретном случае это стилизация таблиц в содержимом H5P:
<script>
// Write CSS to Moodle H5P iframes
window.onload = function() {
const iframeCSS = '.h5p-table table { border-collapse: collapse; } .h5p-table thead tr { background-color: #526069; color:white; } .h5p-table td, .h5p-table th { border: 1px solid #dddddd; text-align: left; padding: 8px; } .h5p-table tbody tr:nth-child(even) { background-color: #eee; }';
const iframeElement = document.createElement("style");
iframeElement.textContent = iframeCSS;
const collection = document. getElementsByClassName("h5p-iframe");
for (let i = 0; i < collection.length; i++) {
collection[i].contentDocument.head.appendChild(iframeElement);
}
}
</script>
При поддержке www.dotrust.org
