Hallo,
hatte das Problem auch vor Kurzem:
1. Jegliche TABS in der yaml Config zerschießen die Config. (Ob du Tabs drin
hast sehe ich jetzt gerade nicht) ;)
2. Im TCA musst du (kurz in mein Gitlab geguckt :)
'defaultExtras' => 'richtext[]'
durch
'enableRichtext' => true
ersetzen, sonst greift der neue Editor nicht.
3. Bei der Installation von typo3 8 gab es die Option den alten htmlArea zu
installieren (dort stand eine Notiz -> deinstalliere den ck). Falls du das
gemacht hast Natürlich wieder rückgängig machen... ich gehe jetzt aber nicht davon
aus... :)
4. Auch im TCA kannst (und solltest) du die Presets zuweisen.
Wie folgt wird es bei meinem eigenen CE fliesstextbild so gemacht. Wenn du
andere CEs überschreiben willst, einfach fliesstext austauschen.
$GLOBALS['TCA']['tt_content']['types']['fliesstextbild']['columnsOverrides']['bodytext']['config']['richtextConfiguration']
= 'ck_small';
Wenn du im TCA die Presets zuweist, solltest du die TypoScript Zuweisung
komplett entfernen, da das default Preset immer dazwischen funkt.
Ich würde auf die tableGroups komplett verzichten, da du einfacher an dein Ziel
kommen kannst und noch besser konfigurieren kannst, wenn du die einzelnen
Buttons konfigurierst, finde ich zumindest ;)
Hier eine kleine Konfiguration, wo alle Elemente drin sind, die du dann
entsprechend rausschmeissen kannst, wenn du sie nicht benötigst.
Ein paar Styles für Bootstrap-Buttons und Textmarker sind auch schon drin.
Übringens das CSS was du hier einbinden kannst, greift auch im Editor, sodass
du eine nette Vorschau hast.
5. Noch eine Kleinigkeit, wenn du keine styleSet definierst, bleibt die Auswahl
Styles (unter toolbar) leer, gleiches gilt für die format_tags
---Beginn der yaml---
# Reinhardt Medien
# TYPO3 RMBASE
# Custom Preset: Full.yaml (for CKEditor)
#
# Achtung: keine TABS benutzen, die führen zu Fehlern
# -----------------------------------------------------------------------------
# Load default processing options
imports:
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Processing.yaml" }
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Base.yaml" }
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Plugins.yaml" }
# Konfiguration
editor:
config:
# height: 70 (2 Zeilen) +20 pro weitere jede Zeile
height: 130
width: "auto"
# Formatauswahl
format_tags: "h2;h3;h4;h5;h6;p"
# Stylesheet
contentsCss: "EXT:rmbase/Resources/Public/CSS/bootstrap/bootstrap.min.css"
# Styleauswahl
styleSet:
# Blockstile
- { name: "Info", element: "p", attributes: { 'class': 'text-info' } }
- { name: "Ausgegraut", element: "p", attributes: { 'class': 'text-muted'
} }
- { name: "Gefahr", element: "p", attributes: { 'class': 'text-danger' } }
- { name: "Erfolg", element: "p", attributes: { 'class': 'text-success' } }
- { name: "Warnung", element: "p", attributes: { 'class': 'text-warning' }
}
- { name: "Löschen", element: "p", attributes: { 'class': ' ' } }
# Buttons
- { name: "Button Default", element: "a", attributes: { 'class': 'btn
btn-default' } }
- { name: "Button Primary", element: "a", attributes: { 'class': 'btn
btn-primary' } }
- { name: "Button Success", element: "a", attributes: { 'class': 'btn
btn-success' } }
- { name: "Button Info", element: "a", attributes: { 'class': 'btn
btn-info' } }
- { name: "Button Warning", element: "a", attributes: { 'class': 'btn
btn-warning' } }
- { name: "Button Danger", element: "a", attributes: { 'class': 'btn
btn-danger' } }
- { name: "Button löschen", element: "a", attributes: { 'class': ' ' } }
toolbar:
- { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike',
'Subscript', 'Superscript', '-', 'RemoveFormat' ] }
- { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-',
'Outdent', 'Indent', '-', 'Blockquote' ] }
- { name: 'styles', items: [ 'Styles', 'Format' ] }
- { name: 'about', items: [ 'About' ] }
- '/'
- { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText',
'PasteFromWord', '-', 'Undo', 'Redo' ] }
- { name: 'editing', items: [ 'Scayt' ] }
- { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] }
- { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule',
'SpecialChar' ] }
- { name: 'tools', items: [ 'Maximize' ] }
- { name: 'document', items: [ 'Source' ] }
---Ende der Yaml---
Quote: JCL - Johannes C. Lax wrote on Tue, 13 June 2017 16:43
----------------------------------------------------
Hallo,
ich möchte im neuen CKEditor die Möglichkeit haben, wie im "alten RTE", die
erweiterte Tabellenkonfiguration nutzen zu können. Z.B. möchte ich für die
Tabelle eine CSS-Klasse angeben können.
Soweit ich herausgefunden habe, ist dafür das Plugin "tabletools" zuständig,
welches auch in der TYPO3 sysext "rte_ckeditor" enthalten ist.
In Anlehnung an den sehr guten Artikel von Thomas Kieslich
(https://www.thomaskieslich.de/blog/127-typo3-8x-ckeditor-konfigurieren/)
habe ich die YAML-Konfiguration für mein eigenes preset in die Datei
fileadmin/custom1.yaml geschrieben:
imports:
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Processing.yaml" }
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Base.yaml" }
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Plugins.yaml" }
editor:
config:
toolbarGroups:
- { name: tabletools }
extraPlugins:
- tabletools
Eintrag in ext_localconf.php:
$GLOBALS['TYPO3_CONF_VARS']['RTE']['Presets']['custom1'] =
'fileadmin/custom1.yaml';
Eintrag in TSConfig:
RTE.config.tt_content.bodytext.preset = custom1
Wenn ich nun mein Inhaltselement editiere, wird kein Textfeld mehr
angezeigt. Was mache ich (noch) falsch?
Gruß, Johannes.
----------------------------------------------------
--
Beste Grüße
Monti
Reinhardt Medien
www.ReinhardtMedien.de
Info (at) ReinhardtMedien.de
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
