Как установить радиус границы TinyMCE?

Я пытаюсь установить радиус границы для редактора TinyMCE, который я использую в своем проекте. Я исследовал это пару раз и не могу найти ответ, который работает. Я нашел здесь аналогичный вопрос, но, похоже, он не работает... Добавление границы -радиус до текстовой области TinyMCE

В моем коде у меня есть каталог TinyMCE с пользовательским файлом JS, и он использует параметры, как я и ожидал... аналогично...

tinymce.init({
  selector: 'textarea.tinymce',
  height: 300,
  width: '80%',
});

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

Заранее спасибо за любые мысли по этому поводу.


javascript jquery tinymce-4 django-tinymce
person Steve Smith    schedule 09.08.2019    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Внешний вид редактора управляется через скин, поэтому, если вы хотите изменить внешний вид, вам нужно будет посмотреть файлы CSS светло-серого (по умолчанию) скина.

Я хотел бы отметить, что некоторые аспекты дизайна редактора не будут хорошо сочетаться со скругленными углами (например, элемент изменения размера в правом нижнем углу строки состояния).

person Michael Fromin    schedule 12.08.2019
comment
Спасибо за ответ. Я пробовал редактировать светло-серую кожу, но пока безуспешно. - person Steve Smith; 13.08.2019

arrow_upward
0
arrow_downward

Я наконец-то понял. Я боролся, потому что указал меню: false ... это мешало применению обычной настройки радиуса границы к моему представлению. В конечном итоге я использовал этот параметр в инициализации...

setup:function(ed) {        
    ed.on('init', function() {
        ed.getContainer().className += ' with-border';
    });
}

Затем я модифицировал редактор с помощью CSS, проверив элементы и изменив их с помощью CSS. В конечном итоге это помогло мне получить тот дисплей, который мне был нужен.

person Steve Smith    schedule 14.08.2019