[TYPO3-german] TYPO3 8.7.1 - CKEditor - Erweiterte Tabellenkonfiguration

[Reinhardt Medien]

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