Anpassung TinyMCE unter 4.7
Hallo zusammen,
ich hab gerade ein Problem und ich raff es ehrlich gesagt einfach nicht...
Ich hab hier eine Contao 4.4 Installation mit einem angepassten be_tinyMCE.html5 Template das unter /templates liegt - hier funktioniert alles bestens. Ich sehe unter Format -> Formate meine eigenen Formate. Super.
Habe hier jetzt eine Contao 4.7 Installation, vorher das tinymce Template noch vergleichen (also zwischen 4.4 und 4.7) scheint identisch zu sein!
Ich schieb also das Template von 4.4 rüber auf die 4.7 Installation, passe den Pfad der CSS Datei an und fertig...
Nach Cache leeren in jeder erdenklicher Form wird mir zwar das neue CSS im Editor geladen, allerdings sehe ich nicht meine Formate. Der komplette Punkt Format/Formate ist nicht sichtbar.
Unten noch das Template. Habt ihr eine Idee?
Danke!
Viele Grüße,
Chris
PHP-Code:
<?php
namespace Contao;
if ($GLOBALS['TL_CONFIG']['useRTE']):
?>
<script>window.tinymce || document.write('<script src="<?= TL_ASSETS_URL ?>assets/tinymce4/js/tinymce.min.js">\x3C/script>')</script>
<script>
setTimeout(function() {
window.tinymce && tinymce.init({
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 ?>');
},
// lade Styles der tinymce.css aber nur für den Backend - für Frontend eigenes Stylesheet im Theme angelegt
content_css: 'system/themes/<?= Backend::getTheme() ?>/tinymce.css, /files/kieks/layout/css/bundle.min.css',
importcss_selector_converter: function (selector) {
return false;
},
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',
style_formats_merge: true,
style_formats: [
{title: 'KDD', items: [
{ title: 'Groß und Blau', inline: 'span', classes: 'info-text--bigblue', exact: true },
{ title: 'Groß und Rot', inline: 'span', classes: 'info-text--bigred', exact: true },
{ title: 'Schrift größer (20px)', block: 'p', classes: 'text-lg', exact: true }
]}
]
});
}, 0);
</script>
<?php endif; ?>