TinyMCE не принимает параметр content_ css init - PullRequest
Новая
       2

TinyMCE не принимает параметр content_ css init

0 голосов
/ 10 июля 2020

Я пытаюсь добавить CSS к содержимому текстового поля, которое я работаю иначе, но где-то в процессе я потерял возможность ссылаться на CSS файлы для изменения стиля содержимого iframe; У меня он работал раньше.

Вот мой сценарий инициализации: 

tinymce.init({
  selector: '#id_body',
  mobile: {theme: 'mobile'},
  themes: 'modern',
  height: 480,
  menubar: false,
  plugins: [
    'advlist autolink autosave fullscreen help link lists paste preview searchreplace spellchecker table visualblocks wordcount'
  ],
  toolbar: 'fullscreen | undo redo | formatselect | spellchecker | bold italic underline | strikethrough  subscript superscript blockquote | link | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat help',
  skin: 'mwd-dark',
  skin_url: '/static/lib/tinymce/skins/mwd-dark',
  content_css: [
    '/static/home/css/reset.css',
    '/static/home/css/tinyMCE.css',
  ],
});

mwd-dark - это настраиваемый скин, который я написал. В моей консоли ошибок нет. Переход к URL-адресам с добавленным к ним localhost:8000 загружает правильные файлы.

Соответствующая документация здесь: https://www.tiny.cloud/docs/configure/content-appearance/#content_css

Также в документации: https://www.tiny.cloud/docs/configure/content-appearance/#browsercaching

Кэширование в браузере может привести к тому, что TinyMCE не прочитает содержимое измененного файла CSS. Вы увидите «старые» цвета и стили.

Одно из решений - вручную очистить кеш браузера при изменении файла для content_ css или editor_ css. Другое решение - использовать старый прием, который добавляет фиктивный параметр к URL-адресу, содержащему отметку текущего времени, например «myFile. css? Bogus = 10023561235». Возможные решения могут выглядеть так: 

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  content_css: 'path/myfile.css?' + new Date().getTime()
});

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  content_css: 'path/myscript.php?myParam=myValue&bogus=' + new Date().getTime()
});

Я пробовал:

  • Очистка кеша (см. Принятый ответ)
  • Добавление «фиктивного» параметра
  • Перезапуск моего браузера
  • Перезагрузка моего компьютера
  • Комментирование параметров skin и skin_url, только в если причиной проблемы была моя кожа
  • Включая один CSS файл за раз ('' и [''])

Есть идеи?

Редактировать

tinyMCE.sass 

@import url('https://fonts.googleapis.com/css?family=Patua+One|Roboto')
  
@import '_variables'
@import '_mixins'

body
  background-color: $mid-gray
  color: $white
  font-family: $font-body

  a
    color: $light-blue

h1, h2, h3, h4, h5, h6
  font-family: $font-title

  & > a
    text-decoration: underline
    @include transition(color, .15s)

    &:hover
      color: $light-blue

h1, h2
  &, & > a
    color: $yellow

h3, h4
  &, & > a
    color: $orange

h5, h6
  &, & > a
    color: $green

h6
  font-size: 2rem !important

em
  font-style: italic

ul, ol
  padding-left: 2.5rem

ul
  list-style-type: disc

ol
  list-style-type: decimal

pre
  padding: 1rem
  border: 1px solid $light-gray
  border-radius: .25rem
  color: $light-gray
  background-color: $darker-gray

blockquote
  margin-left: 18px
  border-left: .25rem solid $purple
  padding: 1rem
  background-color: $dark-gray

  & > *:last-child
    margin-bottom: 0

tinyMCE. css

@import url("https://fonts.googleapis.com/css?family=Patua+One|Roboto");
body {
  background-color: #444444;
  color: #ffffff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
body a {
  color: #569cd6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Patua One", Helvetica, Arial, sans-serif;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  text-decoration: underline;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
  color: #569cd6;
}

h1, h1 > a, h2, h2 > a {
  color: #d1d18b;
}

h3, h3 > a, h4, h4 > a {
  color: #bb846e;
}

h5, h5 > a, h6, h6 > a {
  color: #679452;
}

h6 {
  font-size: 2rem !important;
}

em {
  font-style: italic;
}

ul, ol {
  padding-left: 2.5rem;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

pre {
  padding: 1rem;
  border: 1px solid #818181;
  border-radius: 0.25rem;
  color: #818181;
  background-color: #1e1e1e;
}

blockquote {
  margin-left: 18px;
  border-left: 0.25rem solid #9f62c2;
  padding: 1rem;
  background-color: #333333;
}
blockquote > *:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=tinyMCE.css.map */

1 Ответ

0 голосов
/ 15 июля 2020

Я обнаружил, что проблема в том, что я неправильно очищаю кеш. У меня не работало это расширение браузера: https://addons.mozilla.org/en-US/firefox/addon/clearcache/

...