Мы используем редактор wysiwyg Summernote для просмотра / предварительного просмотра html-содержимого, некоторые из которых содержат ссылки на внешние таблицы стилей. Некоторые из этих CSS изменяют не только саму Summernote, но и родительскую страницу, на которой находится Summernote.
Для демонстрации просто перейдите на страницу summernote.org и перетащите эту ссылку css в онлайн-редактор (сначала выберите «</>» для просмотра кода). Вы должны увидеть, что панель инструментов (и содержимое на некоторых страницах) становится центрированной и другие нежелательные изменения из-за css, который находится в редакторе: -
<link href="https://owa.kccd.edu/owa/14.3.248.2/themes/resources/logon.css" rel="stylesheet" type="text/css" />
Мы пытались поместить summernote в тег iframe, но это не помогает, так есть ли способ изолировать summernote, предотвращая эту "утечку" css на окружающую страницу?
Для справки мы используем asp.net Razor pages.
Спасибо.
Джеймс