TinyMCE вычеркивает атрибут "controlsList" в HTML 5 Audio Tag
Как мне (или я могу) настроить TinyMCE, чтобы он не удалял атрибут "controlsList" из аудиотега HTML5?
Учитывая этот источник:
<audio controls controlsList="nodownload">
<source src="stuff.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
TinyMCE изменяет источник на:
<audio controls="controls">
<source src="stuff.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
(К вашему сведению, я использую TinyMCE через 2sxc, если это имеет значение.)
0 ответов
Вот обходной путь, который позволяет добавлять пользовательские атрибуты в тег HTML. Обратите внимание, что это решение работает для наших одноразовых потребностей с тегами аудио / видео HTML5, но может работать не для всех.
Сначала мы добавили идентификатор "my-player" в наш аудио тег.
<audio id="my-player" controls="controls">
<source src="some.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Затем мы добавили скрипт, который вставляет нужный атрибут, используя настройки страницы DNN> Дополнительно> SEO > Теги заголовка страницы:
<script>
$( document ).ready(function() {
$('#my-player').attr("controlsList", "nodownload");
});
</script>
В нашем случае эта вставка атрибута javascript имела желаемый эффект.
На данный момент tinyMCE не настраивается. Причина в том, что мы переходим к совершенно новой реализации пользовательского интерфейса с использованием Angular 7, и мы не хотим вводить больше функций для миграции:)
Если вы действительно хотите это сделать, я рекомендую вам использовать код для типа ввода "string-wysiwyg", чтобы создать свой собственный - назовем его "string-wysiswyg-withfeatures" и зарегистрировать его как тип ввода (есть некоторые блоги об этом) - затем настройте свое поле для использования этого wysiwyg.