Formate in TinyMCE - Contao Version 4.9.5

[Orpheus]

Hallo,

weiß jemand wie man in Contao Version 4.9.5 im TinyMCE eigene Formate definieren kann ?... hm, die Möglichkeit ist plötzlich seit dem Update auf 4.9.5 weg ...

Freue mich über Nachricht.
Viele Grüße

[Orpheus]

Yuhu ... hab´s hinbekommen.

Falls es jemanden interessiert:

Ich habe in die Datei "be_tinyMCE.html5" (liegt in Templates) folgendes eingefügt:


.... toolbar: 'link unlink | image | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | undo redo | code | styleselect',

style_formats_merge: true,
style_formats: [
{title: 'my-color-red', inline: 'span', styles: {color: '#E85224'}},
{title: 'my-color-grey-light', inline: 'span', styles: {color: '#89898A'}},
{title: 'my-color-grey-maxlight', inline: 'span', styles: {color: '#C3C3C4'}},
{title: 'my-color-grey-dark ', inline: 'span', styles: {color: '#3E3C3E'}},
{title: 'my-color-green', inline: 'span', styles: {color: '#73B300'}}
],

};
...

[Orpheus]

Habe es mir eben nochmals angesehen ... denke so (siehe unten) ist es professioneller. So scheint alles wieder wie gehabt zu sein und ich kann auf alles aus der "tinymce.css" zugreifen.

Freue mich über Kritik falls ich da was nicht bedacht hätte ... aber es funktioniert ;-)

<?php
namespace Contao;

if ($GLOBALS['TL_CONFIG']['useRTE']): ?>

<?php
if( \version_compare(VERSION,'4.4','<=') )
{
  $GLOBALS['TL_JAVASCRIPT'][] = 'assets/tinymce4/js/tinymce.gzip.js';
}
else if ( \version_compare(VERSION,'4.9','>=') )
{
  $GLOBALS['TL_JAVASCRIPT'][] = 'assets/tinymce4/js/tinymce.min.js';
}
?>
<script>
var options = 
{
  skin: 'contao',
  selector: '#<?= $this->selector ?>',
  language: '<?= Backend::getTinyMceLanguage() ?>',
  element_format: 'html',
  document_base_url: '<?= Environment::get('base') ?>',
  entities: '160,nbsp,60,lt,62,gt,173,shy',
  branding: false,
  setup: function(editor) {
    editor.getElement().removeAttribute('required');
  },
  init_instance_callback: function(editor) {
    if (document.activeElement && document.activeElement.id && document.activeElement.id == editor.id) {
      editor.editorManager.get(editor.id).focus();
    }
    editor.on('focus', function() { Backend.getScrollOffset(); });
  },
  file_browser_callback: function(field_name, url, type, win) {
    Backend.openModalBrowser(field_name, url, type, win, '<?= $this->source ?>');
  },
  file_browser_callback_types: <?= json_encode($this->fileBrowserTypes) ?>,
  plugins: 'autosave charmap code fullscreen image importcss link lists paste searchreplace stripnbsp tabfocus table visualblocks',
  browser_spellcheck: true,
  tabfocus_elements: ':prev,:next',
  importcss_append: true,
  extended_valid_elements: 'q[cite|class|title],article,section,hgroup,figure,figcaption',
  menubar: 'file edit insert view format table',
  toolbar: 'link unlink | image | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | undo redo | code | styleselect',
  
  content_css: ['/files/cto_layout/css/tinymce.css'],
  style_formats_merge: true
  };
  
window.tinymce && tinymce.init(options);

</script>
<?php endif; ?>