[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
CKEditor Addon für REDAXO - Seite 6 - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Benutzeravatar
webghost
Beiträge: 266
Registriert: 6. Okt 2010, 20:10
Kontaktdaten: Website

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 09:32

ach ja das war ja noch :lol: . Gut selber arbeite ich selten mit Bilder, und wenn dann meist mit separatem Modul.
Aber sag doch mal was das alles können soll? Es gibt einige Plugins für Bilder im CKE, vielleicht kann man ja eines anpassen.

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 11:13

Es wäre ja auch für die Community :D Aber gleich vorweg: Ich weiss selber nicht so genau ob man das auch so alles realisieren kann.

Anforderungen siehe hier:
http://www.redaxo.org/de/forum/addons-f ... ml#p109481

Ausgespuckter Code sollte so sein:
http://www.redaxo.org/de/forum/addons-f ... ml#p109488

CSS dazu:

Code: Alles auswählen

div.image.left {
	float: left;
}

div.image.right {
	float: right;
}

div.image.center {
	text-align: center;
}

div.image.float.left  {
	margin: 3px 15px 5px 0;
}

div.image.float.right {
	margin: 3px 0 5px 15px;
}
Ob center da überhaupt Sinn macht weiss ich nicht. In meinem Modul gibts nur left und right und danan hab ich nochmal ein extra Modul für alleinstehende Bilder. Was ich noch problemtisch sehe, ist wie man die titel, alt, width und height Attribute befüllt. Man könnte zwar per Ajax die Sachen holen aber dnn stehen sie ja hartcodiert in der Ausgabe. Wenn jemand dann den Titel ändert im Medienpool, oder der ImageTyp sich ändert gibts hier kein Update ehe man nicht im Editor das Bild anklickt und auf Refresh drückt.

Apropo ImageTypes: Die müsste man dann so in der Art reinbekommen:

Code: Alles auswählen

CKEDITOR.replace('ckeditor1', {
    height: 400,
    imageTypes: 'my_img_type:Mein Imagetyp,my_img_type2:Mein Imagetyp2'
});
bzw. dann so:

Code: Alles auswählen

CKEDITOR.replace('ckeditor1', {
    height: 400,
    imageTypes: 'my_img_type:<?php echo rex_ckeditor:getImageTypeDescription('my_img_type'); ?>,my_img_type2:<?php echo rex_ckeditor:getImageTypeDescription('my_img_type2'); ?>'
});
Das wäre mal grob so meine Vorstellung davon :D Ich schicke dir gerne mal mein Modul zu wenn du willst.

Benutzeravatar
webghost
Beiträge: 266
Registriert: 6. Okt 2010, 20:10
Kontaktdaten: Website

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 11:54

und das reicht nicht http://www.redaxo.org/de/forum/addons-f ... ml#p109522 :)

uff, das wird nicht so leicht....

dann soll für die Bildtypen zB. src=index.php?rex_img_type=ImgTypeName&rex_img_file=ImageFileName ausgegeben werden?
Sollten die Bildtypen dann gleich im Dialog zur Auswahl stehen? Muss ehrlich sagen mit dem ImageManager kenne ich mich nicht aus.

Das mit den Attributen füllen per ajax wäre von mir aus gesehen eh nur ein Vorschlag. Je nach dem wo das Bild eingesetzt wird will man die Attribute eventuell etwas anpassen. Macht wohl jeder anders... Hardcodiert werden sie aber sein, die jedes mal aus der Datenbank zu laden wäre wohl etwas heftig.

schick doch Dein Modul mal

andy
Beiträge: 64
Registriert: 10. Jan 2012, 17:54

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 12:09

Hallo Zusammen,

danke für den Tip mit der Tabelle gestern... Ich habe eine vordefinierte Tabelle aus Word übernommen. Zum vergrößern habe ich ja zum eine die Möglichkeit dies einfach per Drag n Drop zu machen oder halt über dem Quellcode Button.
Aber wäre es nicht eigentlich ganz sinnvoll dem Autor die Möglichkeit zur flexiblen Tabellenerstellung zu geben, statt eine von mir als "Administrator" vorgegebene feste Tabelle, die ich per CSS fest definiert habe?

Zum andern ist mir gestern noch aufgefallen das der import, bzw die positionierung der Bilder nicht korrekt funktioniert. Wenn ich Bilder über den Medienpool lade werden diese garnicht angezeigt (eder im aktuellen ie, Firefox oder Chrom Browser) und wenn ich Bilder direkt verlinke werden diese zwar angezeigt, aber nicht korrekt im content eingebunden.
Ich habe Dir / Euch dazu drei Beispielbilder angehängt.
Beispiel 1: Hier habe ich mehr Text als Bild und das Bild wurde links positioniert. Das Bild und der Text werden korrekt dargestellt.
Beispiel 1.JPG
Beispiel 1.JPG (246.65 KiB) 12853 mal betrachtet
Beispiel 2: Hier ist mehr Bild als Text vorhanden, das Bild wurde wieder links ausgerichtet. Das Bild läuft aus dem Content (und der Text rechts vom Bild beginnt direkt am Bild, hier gibt es leider keinen Abstand zum Bild, was unschön aussieht.)
Beispiel 2.JPG
Beispiel 2.JPG (79.09 KiB) 12853 mal betrachtet
Beispie 3: Hier ist auch weniger Text als Bild vorhanden, das Bild wurde jedoch keiner ausrichtung zugewisen. Der Text beginnt nicht unter dem Bild, sondern in der letzten Zeile, der Content wird korrekt dargestellt / angepasst.
Dateianhänge
Beispiel 3.JPG
Beispiel 3.JPG (83.86 KiB) 12853 mal betrachtet

Benutzeravatar
webghost
Beiträge: 266
Registriert: 6. Okt 2010, 20:10
Kontaktdaten: Website

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 12:22

Ein etwas kleineres Beispiel hätte auch gereicht :lol:

Das mit den Tabellen, da hatten wir ja noch die Diskussion, mal sehen was RexDude da macht. Ich selber mache lieber einige vorgefertigte Formatierungen aus denen der Redakteur dann auswählen kann, als dass da jeder rumbastelt wie gerade lust hat.

Also bei mir klappt das mit den Bildern aus dem Medienpool. die werden mit /files/bild.jpg eingebunden. Stimmt bei Dir etwas mit der url nicht?

Das mit den Abständen musst Du schon per css machen. siehe oben im Post von RexDude

Beim letzten Beispiel fehlt ein Blockelement um das Bild, zB. p oder div

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 12:28

Ein etwas kleineres Beispiel hätte auch gereicht
:lol: :lol: :lol:
...mal sehen was RexDude da macht.
Nix. Das bleibt erstmal so. Gründe hast du ja genannt :D

Das Image Widget ist übrigens noch etwas Buggy. z.B. wird im Dialog nicht automatisch die width und height aktualisiert und wenn man auf das Bild im Editor klickt rutscht bei mir der Text manchmal runter, so wie im letzten Screenshot vom andy. Ich würde dir hier empfehlen Bilder extra über ein REX_MEDIA_BUTTON dazuzupacken, bis es vielleicht mal ein vernünftiges Image Plugin/Widget gibt für den CK.

andy
Beiträge: 64
Registriert: 10. Jan 2012, 17:54

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 13:41

webghost hat geschrieben:Ein etwas kleineres Beispiel hätte auch gereicht :lol:

Das mit den Tabellen, da hatten wir ja noch die Diskussion, mal sehen was RexDude da macht. Ich selber mache lieber einige vorgefertigte Formatierungen aus denen der Redakteur dann auswählen kann, als dass da jeder rumbastelt wie gerade lust hat.

Also bei mir klappt das mit den Bildern aus dem Medienpool. die werden mit /files/bild.jpg eingebunden. Stimmt bei Dir etwas mit der url nicht?

Das mit den Abständen musst Du schon per css machen. siehe oben im Post von RexDude

Beim letzten Beispiel fehlt ein Blockelement um das Bild, zB. p oder div
Ja, ich hätte die verkleinern müssen, Asche auf mein Haupt... :cry:
Ich habe die Screens jetzt einfach auf die schnelle angehängt...

Mit dem Mediapool muss ich mal testen, aber wenn ich die Bilder im Pool finde, dann sollte der Editor diese doch auch direkt ausgeben können... :?
Das mit der automatischen Aktualisierung der höhen und breiten macht er aber auch wieder nur bei Bilern aus dem Medienpool, wenn Bilder per URL verlinkt werden aktualisiert er automatisch die Höhe und Breite... jedenfalls bei mir.
Das da ein </div> oder ähnliches bei den Bildern fehlt war mir klar, wollte den Fehler ja nur mal melden... ;)

Benutzeravatar
webghost
Beiträge: 266
Registriert: 6. Okt 2010, 20:10
Kontaktdaten: Website

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 13:57

Also wie gesagt das mit dem Medienpool funktioniert eigentlich. Wie sieht es denn bei Dir im Dialogfeld aus, da wo der Button für den Medienpool ist? Da wird doch nach der Auswahl links eine url gesetzt in Form von /files/bild.jpg - funktioniert das?

Wenn Du auf Bild zentrieren gehst spuckt er das aus <p style="text-align:center"><img.... Das könnte man noch verbessern, also eine Auswahl wie: links fliessend, rechts fliessend, Block zentriert, Block links

andy
Beiträge: 64
Registriert: 10. Jan 2012, 17:54

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 14:39

OK, das mit dem Medienpool hängt wohl tatsächlich damit zusammen das ich hier in der Testumgebung arbeite. Er findet die Dateien wohl im Pool, und gibt diese auch mit files/xyz.jpg an. Wenn ich diese nun durch den ganzen Pfad ergänze werden die Bilder auch angezeigt. Funktioniert also, bis auf die Aktualiserung der Höhe und Breite. Das scheint weiterhin nur bei Url verlinkten Bildern zu funktionieren.

Keine Ausrichtung:

Code: Alles auswählen

<p><img alt="" src="/files/xyz.jpg" />sdfsdfsdfsdfsdfsdf</p>
- funktioniert
Links:

Code: Alles auswählen

<p><img alt="" src="/files/xyz.jpg" style="float:left" />sdfsdfsdfsdfsdfsdf</p> 
- funktioniert nicht
Zentriert:

Code: Alles auswählen

<p style="text-align:center"><img alt="" src="/files/xyz.jpg" />sdfsdfsdfsdfsdfsdf</p> 
- funktioniert nicht richtig.
Rechts:

Code: Alles auswählen

<p><img alt="" src="/files/xyz.jpg" style="float:right" />sdfsdfsdfsdfsdfsdf</p> 
- funktioniert nicht

Bei links und rechts funktioniert scheinbar der float nicht, da der Container erst wieder geschlossen werden müsste. HTML seitig, also wenn ich den Code so verändere, dann funktioniert das links, rechts und zentriert korrekt auch mit dem Fließtext um das Bild:

Code: Alles auswählen

<p><img alt="" src="/files/xyz.jpg" align="left" vspace="10" hspace="20"></p>

<p>Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht... <br clear="all"></p>


andy
Beiträge: 64
Registriert: 10. Jan 2012, 17:54

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 16:27

Thumps up... :)

Nacher gleich mal testen ;)

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 16:30

Hoffe es passt alles. Musste einiges umfriemeln, weil ich z.B. die ganzen Funktionen alle an einer Stelle hab bei mir. Also ich bin gespannt wie dus findest :)

Benutzeravatar
webghost
Beiträge: 266
Registriert: 6. Okt 2010, 20:10
Kontaktdaten: Website

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 17:15

sehr schön gemacht, cool - da brauchen wir ja gar kein neues Image-Plugin mehr :lol:

noch kurz was die Tabellen betrift, vielleicht wärs doch besser den Dialog in der Config abzuspecken statt im Core, dann kann man bei Bedarf trotzdem alle Funktionen nutzen, je nach Modul-Config.

http://docs.ckeditor.com/#!/guide/dev_h ... og_windows

könnten damit nicht auch die Redaxo-Buttons eingefügt werden, dann müsstest Du künftig nicht mehr in die Plugins eingreifen.

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 17:19

doch klar. ich wusste nur damals nicht wie das geht und wollte schnell ein erfolgserlebnis :D bock hier was zu bauen? aber das alles in die module zu packen find ich weniger gut weil die dann so fett werden. kann man nicht in die redaxo.js vom ckeditor addon die ganzen mods einbauen?

Benutzeravatar
webghost
Beiträge: 266
Registriert: 6. Okt 2010, 20:10
Kontaktdaten: Website

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 17:34

ich dachte auch nicht in die Module, sondern in die config.js, aber in die redaxo.js ist noch besser. In den Modulen kann man alles selbst noch anpassen/überschreiben, das meinte ich.

tja dann müsste ich wirklich mal einen Fork machen. Das heisst mit Github auseinander setzen :shock:

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 17:40

ah ja cool dann sind wir uns ja einig :)

wenn du nur die redaxo.js anpackst brauchts kein fork ;) lad dir einfach 4.3.2 standard runter und überscheib das vendor verzeichnis. dann hast ne saubere ausgangsbasis. wenn man natürlich ohne die patches auskommen würd und alles in der redaxo.js wär, wärs genial :D denk auch an mögliche multiple cke instanzen.

andy
Beiträge: 64
Registriert: 10. Jan 2012, 17:54

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 21:01

Hallö...
hab dein neues Addon mal getestet, ansich eine wirklich schönen Lösung... aber, jetzt kommt das klitzekleine aber :(, leider ist das Problem noch nicht ganz gelöst. Wenn ich das Bild links vom Text positioniere, wird der Text unter das Bild gesetzt, setze ich das Bild rechts vom Text, läuft der Text zwar rechts vorbei, aber as Bild läuft wie vorher aus dem Container.

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 21:44

Du meinst Modul, oder? Hast du das CSS dazu gepackt was mitgeliefert wird?

andy
Beiträge: 64
Registriert: 10. Jan 2012, 17:54

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 21:55

Ja natürlich Modul... sorry... ja die CSS habe ich in meine layout css gepackt. War doch richtig oder?

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 22:03

Du müsstest halt mal z.B. mit Firebug analysieren was das schief läuft bei dir. Oder schick mal PM mit dem Link, dann schau ich mal drauf.

andy
Beiträge: 64
Registriert: 10. Jan 2012, 17:54

Re: [v2.1.1] CKEditor Addon für REDAXO

6. Feb 2014, 22:18

Hab den Fehler gefunden... denke ich... :)
Ich habe in der CSS aus

Code: Alles auswählen

div.clearer {
	clear: both;
}
zu

Code: Alles auswählen

.clear {
	clear: both;
}
und in der Modulausgabe

Code: Alles auswählen

$clear = '<div class="clearer"></div>';
zu

Code: Alles auswählen

$clear = '<div class="clear"></div>';
geändert.
Kurios, aber nun funktioniert es wie es scheint.


Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.2.0] CKEditor Addon für REDAXO

8. Feb 2014, 13:55

### Version 2.2.0 - 08. Februar 2014

* Fixed #17: Geschützte Leerzeichen werden nicht mehr komplett entfernt, thx@webghost
* Fixed #16: Smart Strip Einstellung greift jetzt auch, wenn man den CKEditor per CSS Klasse `ckeditor` aufruft
* Resize Grip Einstellung hinzugefügt um zu steuern ob der Resize Grip zum vergrößern des Editors angezeigt wird
* Weitereführende Links und Artikel u.a. von webghost in die Readme gepackt

Benutzeravatar
ralf.schlott
Beiträge: 625
Registriert: 5. Dez 2007, 21:22
Wohnort: Hamburch
Kontaktdaten: Website

Re: [v2.1.1] CKEditor Addon für REDAXO

13. Feb 2014, 20:48

ralf.schlott hat geschrieben:
webghost hat geschrieben: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
Puh! Danke.
Das werde ich nachher mal ausprobieren. Das ist ja dann wirklich ne Wollmilchsau!
Kann mir jemand das genau erklären, wie ich das genau mache? Wo trage ich es alles ein, damit ich am Ende ein Dropdown-Menü habe, wo ich die einzelnen Klassen auswählen kann?
Das wäre super nett und würde helfen.

Danke Ralf
- Danke für Redaxo! -
http://www.prenzlweb.de

Benutzeravatar
RexDude
Beiträge: 2543
Registriert: 22. Apr 2010, 11:24

Re: [v2.2.0] CKEditor Addon für REDAXO

13. Feb 2014, 21:14

In der Readme wird es doch erklärt, sogar mit Beispiel-Modul.

Zurück zu „Allgemeines [R4]“