TinyMCE 5 + emoticons

Hallo,

ich hatte auf einer Kundenseite die "emoticons" in TinyMCE 4 aktiviert. Die sind leider eher hässlich. In TinyMCE 5 gibt es jetzt hübschere.

Also flugs mal Contao auf die 4.10.5 gehoben. TinyMCE 5 ist dort auch aktiv. Dann die be_tinyMCE.html5 angelegt und wie auf der Tiny-Website beschrieben um 2 Einträge zu emoticons ergänzt. Leider tut sich da nichts. Habe ich was vergessen? Die be_tinyMCE.html5 wird wohl korrekt ausgelesen, denn lösche ich da z.B. "alignleft aligncenter alignright ", ändert sich auch der Tiny im Backend sofort.

Anbei meine be_tinyMCE.html5:

Code:

---

<?php

namespace Contao;

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

// Use document.write() here in case TinyMCE is loaded in a subpalette (see #1424)
?>
<script>window.tinymce || document.write('<script src="<?= $this->asset('js/tinymce.min.js', 'contao-components/tinymce4') ?>">\x3C/script>')</script>
<script>
window.tinymce && tinymce.init({
  selector: '#<?= $this->selector ?>',
  min_height: 336,
  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(); });
  },

  <?php $this->block('picker'); ?>
    file_picker_callback: function (callback, value, meta) {
      Backend.openModalSelector({
        'id': 'tl_listing',
        'title': document.getElement('.tox-dialog__title').get('text'),
        'url': Contao.routes.backend_picker + '?context=' + (meta.filetype == 'file' ? 'link' : 'file') + '&amp;extras[fieldType]=radio&amp;extras[filesOnly]=true&amp;extras[source]=<?= $this->source ?>&amp;value=' + value + '&amp;popup=1',
        'callback': function(table, val) {
          callback(val.join(','));
        }
      });
    },
    file_picker_types: <?= json_encode($this->fileBrowserTypes) ?>,
  <?php $this->endblock(); ?>

  <?php $this->block('content_css'); ?>
    content_css: 'system/themes/<?= Backend::getTheme() ?>/tinymce.min.css',
  <?php $this->endblock(); ?>

  <?php $this->block('plugins'); ?>
    plugins: 'autosave charmap code fullscreen image importcss link lists paste searchreplace stripnbsp tabfocus table visualblocks visualchars emoticons',
  <?php $this->endblock(); ?>

  <?php $this->block('valid_elements'); ?>
    extended_valid_elements: 'q[cite|class|title],article,section,hgroup,figure,figcaption',
  <?php $this->endblock(); ?>

  <?php $this->block('menubar'); ?>
    menubar: 'file edit insert view format table',
  <?php $this->endblock(); ?>

  <?php $this->block('toolbar'); ?>
    toolbar: 'link unlink | image | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | code emoticons',
  <?php $this->endblock(); ?>

  <?php $this->block('custom'); ?>
  <?php $this->endblock(); ?>

  browser_spellcheck: true,
  tabfocus_elements: ':prev,:next',
  importcss_append: true
});
</script>
<?php endif; ?>

---

Ich wünsche euch allen noch ein gutes und erfolgreiches Jahr 2021!

Bernard