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.

Другие вопросы по тегам