friendsofredaxo / redactor2

Integriert den Redactor WYSIWYG-Editor in Version 2

Redactor-Editor 2.x

⚠️ Entwicklung eingestellt: Nachfolger ist das redactor-AddOn.

---

Addon für REDAXO 5: Bindet den WYSIWYG-Editor [Redactor](http://imperavi.com/redactor/) in Version 2 im Backend ein. Ist Version 3 oder neuer gewünscht, bitte den [Nachfolger dieses AddOns](https://github.com/FriendsOfREDAXO/redactor) beachten.

Beschreibung

Textareas mit der Klasse redactorEditor2-%profileName% werden automatisch von einem normalen Texteingabefeld in einen WYSIWYG-Editor umgewandelt, z. B. <textarea class="redactorEditor2-full"></textarea>, in yForm-Textareas im "Individuelle Attribute"-Feld: {"class":"redactorEditor2-full"}

Im Backend können verschiedene Profile mit unterschiedlichen Konfigurationseinstellungen für den Redactor-Editor angelegt werden.

Es gibt die Möglichkeit, dem Editor eigene CSS-Styles zu geben. Dafür muss lediglich im Ordner /assets/addons/redactor2 eine Datei mit dem Namen skin.css angelegt werden.

Codebeispiele

Modul-Input:

<fieldset class="form-horizontal">
  <div class="form-group">
    <label class="col-sm-2 control-label" for="value-1">VALUE 1</label>
    <div class="col-sm-10">
      <textarea class="form-control redactorEditor2-full" id="value-1" name="REX_INPUT_VALUE[1]">REX_VALUE[1]</textarea>
    </div>
  </div>
</fieldset>

Modul-Output:

REX_VALUE[id="1" output="html"]

Via Modul oder AddOn ein Profil anlegen:

<?php
  if (!redactor2::profileExists('simple')) {
    redactor2::insertProfile('simple', $description = '', $minheight = '300', $maxheight = '800', $urltype = 'relative', $characterlimit = 0, $toolbarfixed = 0, $shortcuts = 0, $linkify = 1, $redactorPlugins = '');
  }
?>

redactor2's Issues

Limit in die Konfiguration

Wie besprochen: Das Limit der Zeichenzahl wäre bei der Konfiguration logischer als bei den Buttons.

Plugin: rex_mediapool_link fehlt

Mediamanager nutzen statt /media/ Links

Different behavior between formatting a selected text part and formatting a text where the cursor is placed

Maybe it is a wished behavior, but could also be an inconsistency in the interaction for a user

Differences:

A1. When you place the cursor somewhere arbitrarily in a single tag block and then format as heading or blockquote (non exhaustive), the whole block get formatted with the appropriate tag

A2. You select a part of text of that single tag and then format as heading or blockquote (non exhaustive): the whole block get formatted with the appropriate tag (same as A1)

B1. Without moving the cursor, press again on the same formatting tag: the whole block goes back to a p tag

B2: Without moving the selection, press again on the same formatting tag: the block remains untouched

shouldn't A1->B1 behave the same as A2->B2 ?

Pfeiltasten funktionieren nicht

Ich kann mit den File-Tasten im Textfeld nicht navigieren. Makieren mit der Maus und klick auf eine Textstelle funktioniert. Mit cmd + Pfeiltaste zum Anfang oder Ende des Texts springen funktioniert nicht selbes bei Textzeilen. Copy Past funktioniert auch nicht.

Zudem kann ich keine Texteingabe vornehmen. Löschen funktioniert.

Mac OSX 10.11.5
Safari 9.1.1

Beispiel für Output Module

Icons statt Texte in Toolbar

https://imperavi.com/redactor/docs/api/button/#api-setIcon

Plugin: fontfamily fehlt

This version of Redactor indeed doesn't support inline font styles. This is temporary, and we will re-introduce this feature again soon.

Switch to source code does not maintain accurately the selection

Select a part of whatever text contained in a tag. When you switch to source code view, the selection is not maintained accurately: it moves the selection from some characters before or after, reducing the selection or expanding it.

Unscharfe Button-Leiste FontAwesome

Symbole sind auf 13px eingestellt, entsprechend ist bspw. das Listensymbol nicht scharf.

Vergleich mit FontAwesome auf 14px:

Falls das mit den 13px bewusst so ist, kann das Issue auch gerne gleich geschlossen werden, ansonsten hätte ich mir lieber scharfe Buttons gewünscht.

edit: GitHub verkleinert das Bild, also nicht von der Vorschau täuschen lassen.

Highlight of tag-type is not present for all html elements

rex_redactor Issue: phoebusryan/rex_redactor#40

When the cursor moves from an html element to another (from < p > to < h3 > f.e.), the editor button of the corresponding element should be highlighted.

The highlight works already for bold and italic.

Inkompatibilität zu yform

Statt dem Textfeld wird das Label "description" editierbar:

Konfiguration des Feldes in yform:

Wunsch :: Medialink mit CSS-Class versehen

z.B. .rexmedialink
oder sowas.
Damit man solche Links erkennbar stylen kann.

Textausrichtung "linksbündig"

Ich habe eine Seite bei der 95% der Texte zentriert sind. Also habe ich für den body text-align:center hinterlegt. Redactor reagiert zwar auf Rechtsbündig und Mittig, bei Linksbündig wird aber einfach keine Klasse angegeben. Hier zieht dann die CSS für den body. Wäre es nicht sinnvoll, für linksbündige Text auch ein text-left zu vergeben?

Pfad relativ/absolut umsetzen

Plugin: fontsize fehlt

This version of Redactor indeed doesn't support inline font styles. This is temporary, and we will re-introduce this feature again soon.

Alle Shortcuts entfernen

sup / sub Plugins

Plugin: cleaner fehlt

help.php ergänzen

• skin.css fehlt

Separatoren

Analog MarkItUp: FriendsOfREDAXO/markitup#41

Redactor 2 in Redaxo einbinden

Hallo, irgendwie scheine ich gerade zu doof. ich habe Redactor gelöscht und stattdessen Redactor 2 installiert. Das Profil full ist ja standardmäßig drin.
Meine bestehenden Editoren haben die Klasse "redactorEditor-full" sind jetzt aber nur noch Textfelder ;-(

Plugin: rex_linkmap fehlt

umbenennen zu "internallink"

Format-Button fehlt

Um z.B. einen Überschrift wieder in ein P oder anderes Tag umzuwandeln.
Aktuell kann man Überschriften nicht wieder zurücksetzen.

Unterstützung für Themes

Leerzeichen via Space-Taste werden als geschützte Leerzeichen eingefügt

Das sollten ganz normale Leerzeichen sein und keine geschützten ( ).

Merkwürdiges Verhalten im Eingabefeld

Ich habe nach wie vor das Problem, dass sich Redacotor2 bei der Verwendung von CopyPaste sowie Shortcuts komisch verhält. Ich füge Texte aus z.B. einem PDF per CopyPaste ein, bereinige ihn mit dem Cleaner und will ihn Formatieren. Zeilenumbrüche kommen nicht da an wo sie sollen und Formatierungen auch nicht.
Beim Versuch das zu reproduzieren ist mir folgendes aufgefallen:
Neuer Block mit Redactor2, alles ist in Ordnung. Wechsle ich zur Codeansicht und zurück, ist der Courser nicht mehr ganz oben im Feld. Tippe ich jetzt z.B. ein "t" und gehe ich zurück in den Code erscheint:

t

.
Wenn ich Text per CopyPaste einfüge, egal woraus, stimmt die Cursorposition im wysiwyg nicht mit der im Code überein. Das scheint das Problem. Ich klicke an den Zeilenanfang bin aber eigentlich eine Zeile drüber im letzten Wort...
Gleiches passiert bei häufiger Verwendung von z.B. Apfel+Shift-Pfeillinks um eine Zeile zu markieren. Der Code ist sauber, aber der Cursor spinnt ...

Fehler beim anlegen eines neuen Profil mit Limitierung der Zeichen

"rex_exception" thrown in /kunden/123/webseiten/abc/redaxo/src/core/lib/view.php on line 50
The JS file "../assets/addons/rex_redactor2/plugins/limiter.js" is already added.

Addon-Name: `rex_`-Prefix entfernen

Der Konsens bei FOR ist, keine Prefixe zu verwenden. Bei einem bereits veröffentlichten Addon ist der Wechsel allerdings mit etwas Aufwand verbunden:

1. Prüfen, ob der neue Addon-Key verfügbar ist
2. Addon mit neuem Key bei MyREDAXO anlegen
3. Repo umbenennen
4. Alte Bezeichnung im gesamten Addon auf neue wechseln
5. Neues Major-Release veröffentlichen mit Hinweis auf neuen Namen
6. Ggfls Hinweis im Forum hinterlassen, denn Nutzer des alten Addons kriegen im Installer keinen Hinweis auf Updates mehr

Plugin: externallink fehlt

https://imperavi.com/redactor/examples/plugin-modal/

Cleaner is deleting content

Selecting a whole block tag (double click on a h4 f.e.), and then using the cleaner results in deleting all the rest of the content except the selected block.
The block becomes a '< p >' though, which is correct. But of course deleting the rest is not correct.

Plugin: fontcolor fehlt

This version of Redactor indeed doesn't support inline font styles. This is temporary, and we will re-introduce this feature again soon.

Eigene Styles als Dropdown

Klassischer Einsatzzweck sind verschiedene Button-Typen die über Klassen gesteuert werden.
Bei TinyMCE kann man jeglichen Text markieren und diesen Abschnitt mit einer Klasse versehen. Nachteil dabei: Setzt man erst den Link und dann den Style, ist die Klasse dem zugeordnet. Setzt man erst den Style und dann den Link, ist die Klasse dem

zugeordnet. Schön wäre es, wenn es einheitlich wäre, egal ob p oder a

Plugin: orderedlist fehlt

Buttons in Default-Profil "full" sortieren

Im Moment werden die Buttons im Profil "full" alphabetisch ausgegeben, wodurch ein ordentliches durcheinander entsteht. Das Standard-Profil ist damit eigentlich nicht zu gebrauchen.

Besser wäre es, wenn die Buttons gruppiert und sortiert wären, z.B. die Reihenfolge fett-kursiv-unterstrichen-durchgestrichen.

BUG: Medialink - Medium übernehmen, nach Kategoriewechsel im Medienpool.

Wechselt man im Medienpool die Kategorie können Medien nicht mehr über die Funktion Medialink übernommen werden.

Bleibt man in der initial geöffneten Kategorie des Medienpools, wird das Medium übernommen.

Vorgang:

1. Text im Editor markiert
2. Medialink ausgewählt
3. Im Medienpool in eine andere Kategorie gesprungen
4. Übernehmen angeklickt ->

Plugin: maillink fehlt

https://imperavi.com/redactor/examples/plugin-modal/

Aus strong wird: class="redactor-inline-converted"

Getestet in Firefox 46.0.1
Wenn man Strong im Editor aufhebt wird aus

<p><strong>text</strong></p>

<p><strong class="redactor-inline-converted"></strong>test</p>

Das Verhalten kann ich im aktuellen Safari und Chrome nicht reproduzieren.

Höhe definieren in Profil

https://imperavi.com/redactor/docs/settings/height/

alignment:justify

Ein Kunde hatte vorher den Redactor 1 im Einsatz und dort kräftig alignment:justify gentutz. In Redactor 2 ist das nicht integriert. Lässt sich das Nachrsüten???

Bei Enter entsteht keine neue Zeile

Hallo,
erstmal Danke für das tolle AddOn.

Ich habe das Problem das wenn ich im rex_redactor2 im bestehenden Text mit "Enter" eine neue Zeile erstellen möchte nichts passiert.

Ich habe momentan 3 R5 Installationen laufen und bei allen ist das gleiche Problem.

Gruß
Jochen

Plugin: unorderedlist fehlt

Plugin: rex_mediapool_image fehlt

Englische Übersetzungen unvollständig

Cleaner not cleaning whole single tag block

When you clean a whole single tag block (f.e. a h3 title without embedded tags), cleaner doesn't clean (switch the h3 tag to p)

Interner Link auf ein Image setzen

Hallo,

wenn ich versuche ein eingefügtes Bild zu verlinken habe ich nur die Möglichkeit einen Link als Url einzugeben aber nicht einen Internen Link zu setzen oder einen Link auf eine Datei aus dem Medienpool (zumindest nicht per Auswahlmöglichkeit/Klick - also ohne die feste Url einzugeben). Oder täusche ich mich da? Wie könnte ich sonst einem Bild einen solchen Link vergeben?

Beste Grüße aus Stuttgart... Marc

Externer Link: Bearbeitung wird nicht übernommen

Klick auf "Speichern" bleibt wirkungslos.

Benutzerdefiniertes CSS einbinden - wie?

Hi!

Es macht echt Spaß, mit dem Redactor 2 zu arbeiten, dennoch bleiben ein paar Fragen offen. Wo kann ich benutzerdefinierte CSS-Angaben machen, um Klassen und Tags in der Editieransicht einzufärben / umzustylen? Würde gerne die Vorschau mehr am Ergebnis im Frontend ausrichten.

Hier ein Beispiel:

In meinem Fall würde ich gerne die betroffene Stelle mit einem span markieren. Ist das irgendwie vorgesehen? Sowas könnte es ja häufiger geben, dass man nur ein Wort umfärben will bzw. eine eigene Klasse geben möchte.

Zusammenspiel redactor2 und mblock

Leider kann redactor nicht in Kombination mit mblock benutzt werden.

Tabelle geht nicht.

Erhalte aber auch keinen Fehler.