Как добавить пользовательские стили

Question

Я не могу добавить свой собственный стиль, когда я перезагружаю страницу в браузере, мои стили не добавляют

    CKEDITOR.addCss('a{color: inherit; text-decoration: none}')

    CKEDITOR.stylesSet.add([{
      name: 'My Custom styles',
      element: 'span',
      styles: {
        'padding': '10px',
        'border-radius': '8px',
        'background-color': '#6950ab',
        'color': '#ffffff!important',
        'display': 'inline-block'
      }
    }])

    CKEDITOR.replace('container');
  </script>```

Answer 1

В классическом редакторе (с панелью инструментов) вы можете установить config.contentsCss

    CKEDITOR.stylesSet.add('myStylesComboBox',[{
      name: 'my span style',
      element: 'span',
      attributes: {
        'class': 'box1',        
        }
    },
     {
      name: 'my span2 style',
      element: 'span',
      attributes: {
        'class': 'box2'          
        }
    }]);

      var ContentsCss = [
'span.box1{padding:10px;border-radius:8px;background-color:#6950ab;color: #ffffff!important;display:inline-block}',
'span.box2{padding:10px;border-radius:8px;background-color:#6770ab;color: #ffffff!important;display:inline-block}'];


    CKEDITOR.replace( 'editor1',{
      stylesSet: 'myStylesComboBox',
      contentsCss: ContentsCss
    } );

Пример:

https://codepen.io/edsonperotoni/pen/JjjvZxz

Ссылки:

https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss

https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-stylesSet