Contao-Camp 2024
Ergebnis 1 bis 2 von 2

Thema: Anpassung TinyMCE unter 4.7

  1. #1
    Contao-Fan Avatar von rezico
    Registriert seit
    04.01.2011.
    Ort
    Nürnberg
    Beiträge
    446

    Standard 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; ?>
    Contao ist schon was Feines...

  2. #2
    Contao-Nutzer
    Registriert seit
    15.03.2010.
    Ort
    AT
    Beiträge
    204

    Standard

    Sieht so aus als würde in der toolbar styleselect fehlen

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

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •