Druckbare Version
Mir ist klar, dass die allgemeine Konfig des tinyMCE in Contao4 nun über Backend-Templates gelöst ist. Aber was ist mit der bisherigen tinymce.css, die in C3 noch in der Dateiverwaltung lag?
Ich habe sie mal testweise angelegt und den Cache geleert, aber das scheint nicht mehr zu funktionieren.
Du könntest versuchen ein eigenes be_tinyMCE.html5 Template im /templates Ordner anzulegen und dort die Option importcss_groups und content_css hinzuzufügen. Bspw.:Dazu muss es in /files einen Ordner "public" geben, wo dann die tinymce.css drin ist. Der Ordner "public" muss natürlich für die Öffentlichkeit freigegeben sein.Code:importcss_groups: [{title: '<?= \Config::get('uploadPath'); ?>/public/tinymce.css'}],
content_css: '<?= TL_PATH . '/' . \Config::get('uploadPath'); ?>/public/tinymce.css',
Hm, es funktioniert nicht (der Editor wird gar nicht mehr geladen). Hab ich was falsch eingestellt?
//Update: Jetzt funktioniert es. Einfach diese Anleitung nachbauen :)
Ich habe folgendes gemacht:
1. In der Dateiverwaltung die tinymce.css mit ein paar Basis-CSS-Anweisungen (Abstand Absatz, Fettdruck etc.) in den Ordner /theme/css/ gelegt. Die Ordner sind so eingestellt, dass sie öffentlich erreicht werden können.
2. Unter Templates (im Templates-Root, nicht in einem Unterordner davon) das Template be_tinyMCE.html5 generiert und es so umgeschrieben:
//Update: Apostroph eingefügt, siehe nachfolgender Beitrag von Spooky
Danach habe ich die Systemwartung durchlaufen lassen und ein normales Textelement im Inhalt aufgerufen.Code:<?php
namespace Contao;
if ($GLOBALS['TL_CONFIG']['useRTE']):
?>
<script>window.tinymce || document.write('<script src="<?= TL_ASSETS_URL ?>assets/tinymce4/js/tinymce.gzip.js">\x3C/script>')</script>
<script>
setTimeout(function() {
window.tinymce && tinymce.init({
skin: 'contao',
selector: '#<?= $this->selector ?>',
language: '<?= Backend::getTinyMceLanguage() ?>',
importcss_groups: [{title: '<?= \Config::get('uploadPath'); ?>/theme/css/tinymce.css'}],
content_css: '<?= TL_PATH . '/' . \Config::get('uploadPath'); ?>/theme/css/tinymce.css',
element_format: 'html',
document_base_url: '<?= Environment::get('base') ?>',
entities: '160,nbsp,60,lt,62,gt,173,shy',
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);
},
plugins: 'autosave charmap code fullscreen image importcss link lists paste searchreplace 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 | bullist numlist outdent indent | undo redo | code'
});
}, 0);
</script>
<?php endif; ?>
Dort wird mir nun nur noch das HTML angezeigt, die Editor-Funktionen sind weg.
Du hast nichts falsch gemacht, aber ich ;) Bei content_css fehlt ein Apostroph vor <?
Super, jetzt klappt es! Ich habe den Code oben entsprechend korrigiert.
Hallo,
@Nina, wo finde ich den Ordner /theme/css/ wo ich die tinymce.css reinlege?
Ich habe das in dem Beispiel so gebaut, dass ich diese Ordner selbst in der Dateiverwaltung angelegt habe. Sie sind dann also unter files/theme/css/.
Natürlich könntest du sie auch anders ablegen, dann müsstest du halt den Beispielpfad oben ändern.
ich hab es jetzt genau so gemacht wie du es beschrieben hast.
Mein Problem ist dass mir der Texteditor nicht angezeigt wird.
Anhang 19183
Da ich mit Contao erst seit kurzem arbeite, kann ich die vorigen Posts noch nicht nachvollziehen. Mit dem Buch von Peter Müller habe ich einen guten Einstieg gefunden, möchte aber gleich Version 4.3.x nutzen und da ist ja manches anders.
In den beigefügten Bildschirmfotos zeige ich die Funktionen, die derzeit fehlen.
Ich suche ein Tutorial, mit dem ich die Funktionen, wie sie in der 3.5.x wohl standardmäßig vorhanden waren, in der 4er nachrüsten kann.
Kann jemand helfen?
OK, mit etwas Mühe habe ich den oben angegebenen Weg finden können. Nun muss ja das tinymce.css auch im Frontend eingebunden sein. Das habe ich dann als externes Stylesheet files/theme/css/tinymce.css gemacht. Funktioniert soweit.
Ich bin ein großer Freund von Konventionen. Daher wundere ich mich, dass die Konvention in Contao 3, tinymce.css über dass CSS-Framework einzubinden, in Version 4 anscheinend aufgegeben wurde.
Hallo, wenn ich es bei mir lokal am Rechner einrichte, wird die Datei leider nicht gefunden, weil die Sprachkürzel in den Pfad automatisch zusätzlich kommt. So habe ich auch Probleme mit anderen Sachen wie z.B. mit der Erweiterung Rocksolid Custom Elements, wenn ich über eine DCA-Konfiguration FontAwesome in Backend aufrufen möchte. Weiß jemand, woran das liegen kann? Alle Ordner unter files habe ich veröffentlicht.
Das stimmt so nicht. Wenn du auf eine Datei zugreifen möchtest, zB über http://example.org/files/lorem/foo.jpg - die Datei foo.jpg aber an diesem Ort nicht existiert (weil dieser Ordner bspw. nicht freigeschalten wurde), dann kommt automatisch die _catch_all Route von Contao 4 zu tragen. Contao 4 versucht daher die Seite "files/lorem/foo.jpg" auszuliefern. Da in deiner Installation die Sprache in der URL aktiviert ist, leitet Contao vorher auf "/de/files/lorem/foo.jpg" um. Da diese Seite aber generell nicht existiert kommt es dann zu einem Seite nicht gefunden Fehler.Zitat:
Zitat von jenda
Das habe ich auch vermutet, aber in der 4. Version weiß ich gar nicht, wo man die Sprachkürzel deaktivieren kann. Könntest du mir da bitte helfen? Danke. Nur wollte ich ergänzen, dass die Sachen von files falsch in Backend geladen werden, in Frontend stimmt alles.
Hallo,Zitat:
Zitat von jenda
CONTAO 4 => Sprachkürzel in der URL entfernen, dazu in die /app/config/parameters.yml einfügen
prepend_locale: false
Danke. Das betrifft jetzt das Frontend. Allerdings habe ich Probleme mit dem Backend. Dort wird immer noch die Sprachkürzel im Dateipfad gezeigt. Ich habe Systemwartung durchgeführt (direkt im Backend) und mich ab- und angemeldet. Hängt es vielleicht noch mit einer anderen Einstellung zusammen?
Anhang 19442
lösche den Ordner prod in /var/cache/prod
und im Safari => Cache-Speicher leeren
Sehr gut. Vielen lieben Dank. Jetzt funktioniert es.
Danke, Nina.
Weiß jemand, wie ich das Textlabel noch etwas attraktiver gestalten kann? So zeigt es ja nur den direkten Pfad.
Anhang 19545
Hallo zusammen,
ich möchte auch die tinymce.css weiter nutzen und habe auf zwei Arten versucht, diese einzubinden:
- wie in diesem Thread hier beschrieben (die tinymce.css liegt in einem öffentlichen Ordner, be_tinyMCE liegt im template-root, Pfade x-mal kontrolliert)
- wie hier beschrieben
leider beides ohne Erfolg, die Formatierungen aus der tinymce.css werden im Editor nicht angezeigt. :(
Hat jemand eine Idee, woran das liegen könnte?
Hat sich tatsächlich erledigt - nach gefühlt 1000x Systemwartung laufen lassen, wird die Formatierung angezeigt ...
Browsercache löschen :)
Ja, danke, ClearCache hat alles weggeputzt. :D
Du kannst auch mal mein optimiertes be_tinyMCE ausprobieren, damit gibt es dieses Problem nicht. http://public.andreasburg.de/contao/tinyCustom.zip
Es liegt an dieser Zeile:
PHP-Code:content_css: ['/files/themeordner/tinymce.css']
// Patch:
content_css: 'files/themeordner/tinymce.css<?= '?' . time() ?>'
Zitat:
Zitat von k-webdesign
simpel:
https://www.tinymce.com/docs/plugins...portcss_groupsCode:
importcss_groups: [{title: 'hervorheben'}],
Nur falls es noch jemanden interessiert:
Das Anlegen der Unterordner ist wichtig, da die tinymce.css dort wo sie in der 3.5er Dateiverwaltung lag in der 4er Dv von außen nicht erreichbar ist (nicht öffentlich). Man muss also wenigstens einen Ordner anlegen, den man auf "öffentlich" stellt und in den man die Datei tinymce.css dann verschiebt.
Hat mich ne Stunde gekostet, das heraus zu finden ;)
VG
juju
Hallo Leute,
eine Frage habe ich.
Kann ich in Contao 4.7.x das be_tinyMCE.html5 Template aus dem Theme-Ordner laden, gibt es dafür eine Lösung?
Wenn es in Templates-Root liegt (templates > be_tinyMCE.html5) wird es geladen, sobald ich es in Unterverzeichnis verschiebe (templates > myTheme > be_tinyMCE.html5) wird es nicht geladen.
Vielen Dank. :D
Das ist ein Backend-template und das BE nutzt nicht dein Theme - von daher nicht so einfach.Zitat:
Zitat von theMatrix
Was wäre der use-case? Hast du verschieden Domains in der Installation?
Du könntest folgendes probieren:
- be_tinyMCE.html5 in templates anlegen
- den Inhalt löschen und mit Unterscheidungslogik (DomainA/DomainB - ...könnte aber genau so gut BenutzerA/B sein) ersetzen
- dann dein angepasstes/anderes Template "inserten"
in etwas so
Alles theoretisch und ungetestet...PHP-Code:<?php
/* templates/be_tinyMCE.html5 */
if (/* */) {
$this->insert('myTheme/be_tinyMCE', $this->getData());
}
elseif (/* */) {
$this->insert('myOtherTheme/be_tinyMCE', $this->getData());
}
else {
$this->parent(); // oder crash
}
?>
Vielleicht hilft dir das hier weiter: https://docs.contao.org/books/manual...plates-mischen
Zitat:
Zitat von andre.saage
Habe versucht das Template direkt mit ohne Logik einzubinden.
In etwa so
oder soPHP-Code:<?php $this->insert('myTheme/be_tinyMCE'); ?>
beides führt zu Fehler im Backend.PHP-Code:<?php $this->insert('myTheme/be_tinyMCE', $this->getData()); ?>
Das funktioniert leider nicht.
Wenn ich das Theme Exportiere, wird mein TinyMCE-Datei nicht mit exportiert, weil es außerhalb der Theme-Verzeichnis ist.
Es sind feste Formatierungen in TinyMCE, die eigentlich für das Theme gebraucht wird.
Das ist nicht durchdacht worden.