Druckbare Version
Hi,
ich versuche gerade, den alten TinyMCE in 3.5.6 zu aktivieren. Also tinymce_legacy installiert und die tinyMCE.php aus https://gist.github.com/leofeyer/e79e36929024416e6649 ersetzt. Jetzt wird gar kein Editor mehr ausgegeben. Geht das nicht mehr, oder mache ich was falsch?
Ich finde den neuen Editor immer noch unpraktisch mit seinen weiten Navigationswegen. Was ist denn da geplant, soll das so bleiben, oder tut sich da was?
Also prinzipiel läuft das. Ich habe gerade ein Kundeninstallation von 3.5.2 auf 3.5.6 upgedatet. Die Erweiterung tinymce_legacy hat auch nach dem Update klaglos Ihre Arbeit verrichtet.
Ansonsten kann ich da nichts weiter zu sagen, weil ich die Erweiterung selbst noch nie genutzt/installiert habe.
Bei mir hat es funktioniert in ein frisch installiertes Contao Open Source CMS 3.5.6. Hast du auch dieses Modul => https://contao.org/de/erweiterungsli...000019.de.html dazu installiert?Zitat:
Zitat von tpk
Hier auch mal meine letzte tinyCustom.php Version für den neuen Tiny, welche die Wege wieder kurz macht.
Die tinymce.css muss dann auch von /files/ nach /files/css/ verschoben werden, sie wird wegen Updatesicherheit dann von dort aus eingebunden. Tabellen habe ich rausgeschmissen, kann man ja wieder hinzufügen wenn man möchte. Ich komme nicht dazu ein Plugin für den Loader zu schreiben https://github.com/cliffparnitzky/TinyMcePluginLoader
Und hier mal wieder die Einbindung, damit alle Felder, welche die tinyMCE.php benutzen, jetzt die tinyCustom.php benutzen. Code kommt in die system/config/dcaconfig.phpPHP-Code:<?php
if ($GLOBALS['TL_CONFIG']['useRTE']):
?>
<script>window.tinymce || document.write('<script src="<?php echo TL_ASSETS_URL; ?>assets/tinymce4/tinymce.gzip.js">\x3C/script>')</script>
<script>
window.tinymce && tinymce.init({
skin: 'contao',
selector: '#<?php echo $selector; ?>',
language: '<?php echo Backend::getTinyMceLanguage(); ?>',
element_format: 'html',
document_base_url: '<?php echo Environment::get('base'); ?>',
entities: '160,nbsp,60,lt,62,gt,173,shy',
setup: function(editor) {
editor.getElement().removeAttribute('required');
},
init_instance_callback: function(editor) {
editor.on('focus', function(){ Backend.getScrollOffset(); });
},
file_browser_callback: function(field_name, url, type, win) {
Backend.openModalBrowser(field_name, url, type, win);
},
templates: [
<?php echo Backend::getTinyTemplates(); ?>
],
plugins: 'autosave charmap code fullscreen image importcss link lists paste searchreplace tabfocus template visualblocks',
browser_spellcheck: true,
tabfocus_elements: ':prev,:next',
extended_valid_elements: 'q[cite|class|title],article,section,hgroup,figure,figcaption',
menubar: 'file edit insert view',
paste_as_text: true, // activate 'paste as text' in menu bar
toolbar: 'formatselect | styleselect | removeformat | bold italic | link unlink | bullist numlist outdent indent | undo redo | code',
content_css: '<?php echo TL_PATH; ?>/system/themes/tinymce.css,<?php echo TL_PATH . '/' . Config::get('uploadPath'); ?>/css/tinymce.css?' + new Date().getTime(),
importcss_selector_converter: function(selector) {
if(selector.charAt(0) == '.') {
return {title: selector.substr(1), inline: 'span', selector: '*', classes: selector.substr(1)};
}
},
importcss_append: true,
keep_styles: false,
style_formats: [
{title: 'Inline', items: [
{title: 'Underline', icon: 'underline', format: 'underline'},
{title: 'Strikethrough', icon: 'strikethrough', format: 'strikethrough'},
{title: 'Superscript', icon: 'superscript', format: 'superscript'},
{title: 'Subscript', icon: 'subscript', format: 'subscript'},
{title: 'Code', icon: 'code', format: 'code'}
]},
{title: 'Alignment', items: [
{title: 'Left', icon: 'alignleft', format: 'alignleft'},
{title: 'Center', icon: 'aligncenter', format: 'aligncenter'},
{title: 'Right', icon: 'alignright', format: 'alignright'},
{title: 'Justify', icon: 'alignjustify', format: 'alignjustify'}
]}
],
block_formats:
'H1=h1;' +
'H2=h2;' +
'H3=h3;' +
'H4=h4;' +
'H5=h5;' +
'H6=h6;' +
'Paragraph=p;' +
'Blockquote=blockquote;' +
'DIV=div;' +
'PRE=pre;',
convert_urls: false
});
</script>
<?php endif; ?>
PHP-Code:// use tinyCustom for all textareas that use tinyMCE
if(is_file(TL_ROOT.'/system/config/tinyCustom.php'))
{
array_walk_recursive($GLOBALS['TL_DCA'], function(&$v, $k){
if($k === 'rte' && $v === 'tinyMCE')
{
$v = 'tinyCustom';
}
});
}
Werde ich ausprobieren, vielen Dank
Wo muss das denn hin?Zitat:
Und hier mal wieder die Einbindung ...
Ups, sorry, in deine system/config/dcaconfig.php. Ich schreibe es oben noch dazu.
Hallo Andreas
Da ich kürzlich auch eine schlankere Variante für den Tiny gesucht habe, habe ich mal deine Lösung bei mir eingebunden und finde diese soweit sehr gut. Nur hat mich etwas gestört, dass der Kunde immer noch irgendwie Word-Formatierungen mit in den Editor brachte (frag mich nicht wie :-/).
Ich habe daraufhin für mich noch einige Sachen angepasst und die menubar ebenfalls rausgeschmissen da diese "eigentlich" vom Kunden auch nicht gebraucht wird. Jedoch gibt es unter "Bearbeiten" den Punkt "Als Text einfügen", welcher jedoch immer erst aktiviert werden muss. Ich habe nun deinen Code der Datei "tinyCustom.php" um folgendes ergänzt:
VORHER
NACHHERPHP-Code:menubar: 'file edit insert view',
toolbar: 'formatselect | styleselect | removeformat | bold italic | link unlink | bullist numlist outdent indent | undo redo | code',
Die Menübar habe ich mit "none" erst ausgeblendet, dann mit "paste_as_text: true" die Funktion aktiv gestellt, dass nur reiner Text eingegeben werden kann.PHP-Code:menubar: 'none', // versteckt die Menubar oberhalb des Tiny-Editors //
paste_as_text: true, // aktiviert dass nur Plain-Text eingefügt wird //
toolbar: 'formatselect | styleselect | removeformat | bold italic | link unlink | bullist numlist | undo redo | code',
Bei der "toolbar" habe ich lediglich "outdent indent" entfernt da ich alles rausschmeisse was der Kunde nicht sehen muss.
Kann sein dass meine Lösung "gebastelt" ist aber bei meinen ersten Tests hat alles wunderbar funktioniert.
Ich werde mal schauen ob es der Kunde immer noch fertig bringt, wieder Word-Formatierungen einzuschmuggeln.
Vielleicht hilft dies hier dem einen oder anderen.
An dieser Stelle nochmals herzlichen Dank.
Zitat:
Zitat von Andreas
Ganz einfach: mit copy and paste ;). Auch direkt aus dem Browser heraus kopiert bringt viel Müll da rein.Zitat:
Zitat von Twitt
past_as_text ist ne gute Idee, kannte ich nicht. Werde ich bei mir einbauen und im Auge behalten, ob es funktioniert.
Ich sage meinen Kunden immer, dass sie nur in die HTML-Ansicht einfügen dürfen, dann kommt der Müll auch nicht mit.
Nein, gebastelt ist sie nicht. Für meine Basisversion aber zu viel rausgeschmissen, z.B. das Einfügen von Bildern, Links und auch noch andere Sachen, welche sich in der Menübar befinden.Zitat:
Zitat von Twitt
Ich wollte ne gute Basisversion für neue Projekte anbieten, von dieser ausgehend, man dann natürlich noch weitere Feature rausschmeißen kann. Wenn paste_as_text funktioniert, werde ich das auch default drin lassen.
Momenterl, ich hab dir nur den Teil mit paste_as_text hier eingefügt. "Link einfügen" etc. hab ich schon noch drin (siehe Anhang). Das mit dem Kundenhinweis nur in der HTML-Ansicht einzufügen hab ich die Erfahrungen gemacht, dass es nicht klappt bezw. der Kunde es wieder vergisst - spätestens bei der nächsten Aktualisierung. Daher finde ich dieses Lösung - wenn sie denn wirklich klappt - ideal. Jedoch habe ich es als Macanwender noch nicht unter Windows getestet. Unter Mac scheints zu klappen.Zitat:
Zitat von Andreas
Ich schau ebenfalls wie es nun funktioniert bezw. ob der Kunde immer noch Formatierungen reinkriegt.
Gebe dir Bescheid, wenn ich mehr weiss.
Anhang 17556
Du hast doch menubar=none gesetzt. Damit ist die dann ja weg. Ich drösel mal auf, was dann alles verschwindet.Zitat:
Zitat von Twitt
Das hier finde ich sollte in einer Basisversion bleiben.Code:Datei
Neues Dokument
Letzten Entwurf wiederherstellen
Bearbeiten
Rückgängig
Wiederholen
Ausschneiden
Kopieren
Einfügen
Als Text einfügen
Alles auswählen
Suchen und ersetzen
Einfügen
Link einfügen/bearbeiten
Bild einfügen/bearbeiten
Sonderzeichen
Vorlage einfügen
Ansicht
Blöcke anzeigen
Visuelle Hilfen
Vollbild
Code:Einfügen
Bild einfügen/bearbeiten
Sonderzeichen
Vorlage einfügen
Ansicht
Blöcke anzeigen
Visuelle Hilfen
Vollbild
outdent und indent hast du auch entfernt, das erzeugt zwar dieses ungewollte
auf zum Beispiel P-Tags. Es wird aber benötigt, um verschachtelte Listen zu erstellen. Dort fügt es auch keinen Inline-Style ein. Gerade mit den Einrückbuttons erzeugt:Code:style="padding-left: 30px;"
HTML-Code:<ul>
<li>Listenpunkt</li>
<li>Listenpunkt
<ul>
<li>Listenpunkt eingerückt</li>
<li>Listenpunkt eingerückt</li>
</ul>
</li>
<li>Listenpunkt</li>
</ul>
Jup ist richtig, da ich die Menubar dem Kunden auch nicht zeige. Ich hab die Erfahrung gemacht, dass der Kunde dann rumspielt anstatt sich auf den Inhalt des Textes zu konzentrieren.
Mittlerweile hat der Kunde es nochmals geschafft, Formatierungen einzufügen. Jedoch hätte er den Button "Formatierungen entfernen" betätigt, wären diese verschwunden.
Nun bin ich noch am suchen, ob es nicht doch eine Möglichkeit gibt - neben deiner mit dem Einfügen in den Quellcode - wo man aus Word Texte einkopiert und dann deren Formatierungen gekillt werden.
Das mit dem indent outdent hatte ich auch rausgeschmissen, da ich bisher noch keine Anfragen von Kunden nach verschachtelten Listen hatte.
Wie gesagt, kann dies ja nach Gutdünken angepasst werden.
Zitat:
Zitat von Andreas
Dann hat das also nicht funtioniert mit dem paste_as_text?
Es gab früher mal ein Plugin "Paste from Word" oder so ähnlich, aber ich meine das ist rausgeflogen, weil das auch nie richtig funktioniert hatte.
Mit Paste_as_Word bin ich momentan am recherchieren. Der Kunde hatte via Copy/Paste von einem PDF Text reingeholt, dann noch teilweise in Word zwischenkopiert.
Bei solchen administrativen Textakrobateinlagen hilft wohl nur noch der gute alte Import über den Quellcode ;-)
Melde mich sobald ich etwas mehr weiss...
Zitat:
Zitat von Andreas
Naja, du hast ja noch die Möglichkeit den RTE kompl. zu deaktivieren. Oder, je nachdem was du da hast, eigene CEs ohne RTE anzubieten, entweder selber schreiben oder mit [rocksolid-custom-elements] oder [dma_elementgenerator].
Der Thread ist irgendwie konfus. Die Option Edit » Paste as text (Bearbeiten » Als Text einfügen) ist doch die Lösung zu dem beschriebenen Paste Problem. Mit der Konfigurationseinstellungaktiviert man diese Funktion by default. Abschalten kann man es dann immer noch über das Menü, ist ja ein Toggle.PHP-Code:paste_as_text: true
Ja, ich gehe auch davon aus, dass dies funktionieren sollte. Es hörte sich von Twitt allerdings so an, als hätte das nicht funktioniert. Er möchte bitte nochmal ein Szenario zum Nachstellen beschreiben, damit man den Fehler provozieren kann.
Ich habe übers Weekend mal versucht, den Fehler auszulösen in dem ich aus verschiedenen Datenquellen (Website, Indesign, Word, PDF-Dateien) Texte ein- und umkopiert.Zitat:
Zitat von Andreas
Fazit: Ich kriege (unter MacOS X 10.8.5) sauberen Plaintext rein.
Ich gehe mal davon aus, dass die letzten Formatierungen vom Kunden wahrscheinlich vor meiner TE-Anpassung eingefügt wurden. Sollte ich noch was anderes feststellen, poste ich es hier.
Besten Dank für eure Feedbacks und Hilfe.
Hier noch meine tinyCustom.php-Datei auf der Basis von Andreas aus dem obigen Tread. Einige für mich nicht relevante Funktionen habe ich darin auskommentiert:
Und dann noch der Code der die tinyCustom.php-Datei dann auch lädt. Diese kommt in den Ordner "system/config/dcaconfig.php"PHP-Code:<?php
if ($GLOBALS['TL_CONFIG']['useRTE']):
?>
<script>window.tinymce || document.write('<script src="<?php echo TL_ASSETS_URL; ?>assets/tinymce4/tinymce.gzip.js">\x3C/script>')</script>
<script>
window.tinymce && tinymce.init({
skin: 'contao',
selector: '#<?php echo $selector; ?>',
language: '<?php echo Backend::getTinyMceLanguage(); ?>',
element_format: 'html',
document_base_url: '<?php echo Environment::get('base'); ?>',
entities: '160,nbsp,60,lt,62,gt,173,shy',
setup: function(editor) {
editor.getElement().removeAttribute('required');
},
init_instance_callback: function(editor) {
editor.on('focus', function(){ Backend.getScrollOffset(); });
},
file_browser_callback: function(field_name, url, type, win) {
Backend.openModalBrowser(field_name, url, type, win);
},
templates: [
<?php echo Backend::getTinyTemplates(); ?>
],
plugins: 'autosave charmap code fullscreen image importcss link lists paste searchreplace tabfocus table template visualblocks',
browser_spellcheck: true,
tabfocus_elements: ':prev,:next',
extended_valid_elements: 'q[cite|class|title],article,section,hgroup,figure,figcaption',
menubar: 'none', // versteckt die Menubar oberhalb des Tiny-Editors //
paste_as_text: true, // aktiviert dass nur Plain-Text eingefügt wird //
toolbar: 'formatselect | styleselect | removeformat | bold italic | link unlink | bullist numlist | undo redo | code',
content_css: '<?php echo TL_PATH; ?>/system/themes/tinymce.css,<?php echo TL_PATH . '/' . Config::get('uploadPath'); ?>/tiny_templates/css/tinymce.css?' + new Date().getTime(),
importcss_selector_converter: function(selector) {
if(selector.charAt(0) == '.') {
return {title: selector.substr(1), inline: 'span', selector: '*', classes: selector.substr(1)};
}
},
importcss_append: true,
keep_styles: false,
style_formats: [
{title: 'Inline', items: [
// {title: 'Underline', icon: 'underline', format: 'underline'},
// {title: 'Strikethrough', icon: 'strikethrough', format: 'strikethrough'},
{title: 'Superscript', icon: 'superscript', format: 'superscript'},
{title: 'Subscript', icon: 'subscript', format: 'subscript'},
{title: 'Code', icon: 'code', format: 'code'}
]},
// {title: 'Alignment', items: [
// {title: 'Left', icon: 'alignleft', format: 'alignleft'},
// {title: 'Center', icon: 'aligncenter', format: 'aligncenter'},
// {title: 'Right', icon: 'alignright', format: 'alignright'},
// {title: 'Justify', icon: 'alignjustify', format: 'alignjustify'}
// ]}
],
block_formats:
'H1 Haupttitel=h1;' +
'H2 Untertitel 1=h2;' +
'H3 Untertitel 2=h3;' +
'H4=h4;' +
'H5=h5;' +
'H6=h6;' +
'Paragraph=p;' +
'Blockquote=blockquote;' +
//'DIV=div;' +//
'PRE=pre;',
convert_urls: false
});
</script>
<?php endif; ?>
PHP-Code:// use tinyCustom for all textareas that use tinyMCE
if(is_file(TL_ROOT.'/system/config/tinyCustom.php'))
{
array_walk_recursive($GLOBALS['TL_DCA'], function(&$v, $k){
if($k === 'rte' && $v === 'tinyMCE')
{
$v = 'tinyCustom';
}
});
}
Leider gibt es diese URL nicht mehr. Könnte jemand die Änderung oder den Datei-Inhalt bitte hier posten?Zitat:
Zitat von tpk