CKEditor Addon für REDAXO

[webghost]

ich bin noch grad dran mit Widgets am ausprobieren. Eigentlich sollte jedes Widget im Pluginordner angelegt werden. Es geht zwar direkt im Modul nur das Icon für den Button bekomme ich dabei nicht rein.
Mir würde eine Auswahlliste für verschiedene Widgets besser gefallen als für jedes einen Button. Scheint aber nicht möglich zu sein, oder oder hast Du eine Idee?

[RexDude]

Ach jetzt hab ich verstanden. stimmt! aber das ist ja doof. ein bug?

nö hab auch meine idee. die weidget geschichte ist zwar cool, ich glaube aber für projekte wo man schnell was zusammenbauen muss ist der aufriss den man da betreiben muss zu groß...

[webghost]

ich denke nicht ein Bug sondern weil das Bild dann ein Inline-Element ist, mit Überschrift ist es ein Block-Element

[RexDude]

das wirds wohl sein.

[RexDude]

Es wäre voll cool, wenn das Image2 Plugin so auf REDAXO zugeschnitten werden würde, dass ein Text mit Bild Modul gar nicht mehr nötig wäre. Folgendes müsste rein:

Code: Alles auswählen

- Bildauswahl
- Vorschau
- Ausrichtung
        - rechts
        - links
- Bildtyp
        - zugewiesene IMG Bildtypen
- Link
        - Lightbox -> class="lightbox"
        - Intern
        - Extern

img.alt = MP med_title
a.title = MP med_description (nur bei Lightbox Link)

[webghost]

...oder gleich alles über Widgets?

nö hab auch meine idee. die weidget geschichte ist zwar cool, ich glaube aber für projekte wo man schnell was zusammenbauen muss ist der aufriss den man da betreiben muss zu groß...

Cool wäre es aber wenn man dadurch auf andere Module verzichten könnte. Man würde also den gesammten Inhalt eines Artikels in einem Editor gestalten. Ich stelle mir das so vor dass eben die Widgets andere Module weitgehend ersetzen könnten.

Ich mache das ja seit html5 meist so dass es ein Modul für den Artikel-Header gibt, eins für Sectionen und eins für den Artikel-footer. Dann ist über ctypes der Inhalt der sidebar editierbar. Mit Widgets wäre es aber theoretisch möglich das alles in nur einem Editor zu machen, mit Sidebar. Also weniger module und auch weniger ctypes

[RexDude]

du vergisst aber das du alles in javascript coden musst da ist ein modul in php erheblich angenehmer zumal du hier auf alle REDAXO Vars etc. zugreifen kannst.
hinzukommt dann noch, dass dein code gar nicht im export landet und du auch aufpassen musst mit nem CKE addon update.
ausserdem sind ctypes mMn doch nochmal was anders, weil sie einen abgetrennten bereich erzeugen, während die widgets quasi wie bilder innerhalb sind und der text sie umfließt.

hilf lieber am rex_image2 plugin mit. da haben wir alle mehr davon

[ralf.schlott]

Das wäre in der Tat sehr schön. Ansonsten (mit extra Bildmodul) hat man oft die Überschrift mitten im Bild, oder das Bild an der Überschrift. Ich hatte es laaange Zeit gelöst, in dem ich ein Modul habe, wo die Überschrift über einem Markitup-Feld vergeben wird. Dann noch ein Medienpool-Link für das Bild mit der Ausrichtung. Wenn man alles mit CKE positionieren kann, ist das wirklich die EWMS (Eierlegendewollmilchsau).

Es wäre voll cool, wenn das Image2 Plugin so auf REDAXO zugeschnitten werden würde, dass ein Text mit Bild Modul gar nicht mehr nötig wäre. Folgendes müsste rein:

- Ausrichtung
- Bildtyp
- Link

[webghost]

ja also, ich halte den anderen Gedanken mal für später fest, vielleicht für CKE 3 mit Versionen

[RexDude]

Wäre echt goil sowas
Das Plugin würde dann so einen Code ausspucken:

Code: Alles auswählen

<div class="image float right"><a class="lightbox" href="/files/elephpant.jpg" title="PHP (Hypertext Preprocessor) ist eine Skriptsprache die hauptsächlich zur Erstellung dynamischer Webseiten verwendet wird."><img src="/files/imagetypes/small/elephpant.jpg" width="300" height="200" alt="ElePHPant" /></a></div>

Inkl. Lightbox, Image Manager und SEO42 Unterstützung versteht sich (wenn verfügbar)
Und auch die sehr nützliche Line würde dann vermutlich angezeigt werden, wenn man es verschiebt

[RexDude]

Bitte von 2.0.0 auf 2.1.0 updaten und die Changelog beachten. Der Modulcode hat sich leicht geändert.

### Version 2.1.0 - 24. Januar 2014

* Module verbessert, CKEditor Replace jetzt per Textarea ID
* Custom Styles Beispiel in der Readme verbessert (vollständiges Beispiel-Modul hinzugefügt). Kommt jetzt ganz ohne eine extra CSS-Datei aus, thx@webghost
* Bilder haben einen Abstand bekommen zum Text
* Standard Modul: Alle verfügbaren Buttons und somit Funktionen hinzugefügt

[webghost]

super funktioniert besser, nehme an es liegt an der ID. Vorher ist mir der Editor je nach config im Modul immer mal wieder verschwunden oder es war nur noch eine minimal-version zu sehen

Hab da noch ein interessantes Plugin gefunden http://ckeditor.com/addon/templates
Funktioniert recht einfach, man erstellt eine js darin definiert man seine ganzen Templates, dann einfach im modul aufrufen mit "templates_files: [ '/files/default.js' ]"
nun stehen einem Templates als Bausteine zur Verfügung. Im Gegensatz zu den Widgets braucht man nicht mehr in die Dateistruktur einzugreifen, die Template.js kann irgenwo abgelegt werden.

Was ich jetzt auch noch praktisch finde ist mit "customConfig: '/files/myconfig.js'" eine eigene Config zu laden. Dadurch gleich seine Grundeinstellungen laden. Damit hat man eventuell weniger ins Modul zu schreiben und die Datei kann auch ausserhalb des Addons abgelegt werden.

[webghost]

man könnte mit Templates auch einen Baustein für Text mit Bild machen zB. so

Code: Alles auswählen

CKEDITOR.addTemplates('default', {
    imagesPath: '/files/cke/templates/images/',
    templates: [
        {
            title: 'Text mit Bild rechts',
            image: 'bild.png',
            description: 'Das Bild steht rechts im Text',
            html: '<div class="image float right">' +
                    '<a class="lightbox" href="#">' +
                    '<img src=" " alt="" height="100" width="100" />' +
                    '</a>' +
                    '<p>' +
                    'Text hier' +
                    '</p>' +
                    '</div>'
        },
        {
            title: 'Text mit Bild links',
            image: 'bild.png',
            description: 'Das Bild steht links im Text',
            html: '<div class="image float left">' +
                    '<a class="lightbox" href="#">' +
                    '<img src=" " alt="" height="100" width="100" />' +
                    '</a>' +
                    '<p>' +
                    'Text hier' +
                    '</p>' +
                    '</div>'
        }
    ]
});

[RexDude]

Was du nicht alles herausfindest
Aber warum noch ne config.js ausserhalb. Das ist doch gerade jetzt das coole, dass man alles in sein Modul packen kann und auch alles im Export landet

[webghost]

stimmt schon, ich dachte nur an Einstellungen die sich immer wiederholen. Beispiel: Man hat mehrere Module die Editoren haben unterschiedliche Buttons aber die Farbe, grösse und solche Sachen bleiben immer gleich. Dann würde eine Config Sinn machen und so würde sie bei einem Update nicht überschrieben werden. Aber kann ja jeder machen wie er will...

hab noch was interessantes gefunden http://ckeditor.com/addon/autosave sieht recht einfach aus

[RexDude]

Das stimmt

Der CK macht schon Spaß, gel? Ist das REDAXO unter den Texteditoren für mich

[RexDude]

Codemirror für den CKE
https://github.com/w8tcha/CKEditor-CodeMirror-Plugin

[webghost]

ja, absolut mein Favorit unter den Editoren

Codemirror sieht auch noch praktisch aus, cool

noch ne Frage, wenn ich jetzt mal spasseshalber den Full-Editor rein hauen will - welche Dateien muss ich dann anpassen damit es in redaxo läuft?

[RexDude]

Du willst Sachen machen

Grob gesagt musst du unter files/vendor alles kicken, dann dort die full Version reinpacken und zum Schluß musst du min. das Image2 sowie dass Link Plugin aus dem CKEditor Addon austauschen im plugins Ordner.

Bin mal gespannt obs klappt

[webghost]

nur mal zum sehen was noch alles so möglich wäre

muss ich da noch drauf achten dass diese Plugins beim Download vom CKE nicht direkt mit drin sind, also nicht etwa in der ckeditor.js landen?

[RexDude]

ne, das ist eigentlich egal. bei mir waren sie mit drin. erst danach ausgetauscht. aber eigentlich nur die dialoge.

[RexDude]

### Version 2.1.1 - 27. Januar 2014

* Image2 Plugin aus Litemodul entfernt, da unter Umständen Bilder per Copy And Paste im Editor landen konnten
* Fehlende ColorButtons zum Standardmodul hinzugefügt
* Bestätigungsdialog bei Modulaktualisierung hinzugefügt
* Finetuning

[ralf.schlott]

Wie kann man eigentlich classes vergeben? Also für Aufzählungen z.B. Ich habe nämlich häufig andere Aufzählungszeichen.
Das ist nur ein Punkt, wo man die Bearbeitung einer Website für einen Kunden vereinfachen kann...

[webghost]

ich würde es so machen

Code: Alles auswählen

CKEDITOR.stylesSet.add( 'my_styles', [
    
    { name: 'Liste1', element: 'ul', attributes: { 'class': 'list1' } },
    { name: 'Liste2' , element: 'ul', attributes: { 'class': 'list2' } },

]);

so stehen sie unte Stil zur auswahl

[RexDude]

@webghost: Geht bei mir net Selber schon getestet? Wenn ja, poste mal dein Modul...