Personnalisation de l'éditeur Tinymce de CMS. A coller dans le champ Extra configuration dans les paramètres de Tinymce.

extra_config.js

style_formats : [
  {title : 'Intro', block : 'div', wrapper : true, classes : 'intro'},
  {title : 'Texte en orange', inline : 'span', classes : 'primary-color'},
],
formats: {
  alignleft : [
    {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', styles : {textAlign : 'left'}, attributes : {"align" : ''}},
    {selector : 'img', classes : 'alignleft'},
  ],
  aligncenter : [
    {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', styles : {textAlign : 'center'}, attributes : {"align" : ''}},
    {selector : 'img', classes : 'aligncenter'},
  ],
  alignright : [
    {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', styles : {textAlign : 'right'}, attributes : {"align" : ''}},
    {selector : 'img', classes : 'alignright'},
  ],
  alignfull : [
    {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', styles : {textAlign : 'justify'}, attributes : {"align" : ''}},
    {selector : 'img', classes : 'alignfull'},
  ],
}