3D печать

Text editor—use WYSIWYG or Textile?

First of all we need to distinguish between WYSIWYG editors (what you see is what you get) and text-only editors using markup languages like Textile or Markdown. While the former try to display all text formatting right in the edit mode and save the generated HTML to the database on submit, the latter require the user to mark up content with shorthand code, which will be saved to the database and not translated to HTML until output.

WYSIWYG editors seem to be a pretty good choice in the first instance. They can be used like word processors and graphics editors: you format text by means of icon buttons and immediately see the results.

In comparison, the text-only editors are more robust concerning user input. Since they filter out some unrequested “cheating” like multiple spaces or line breaks, they help to achieve consistent layouts. Even they seem less convenient at first: most of the developers from the REDAXO team rather use text-only editors when developing websites.

The demo site contains modules using both types of editors: “Redactor” for WYSIWYG and “Markitup” for textile/markdown.

Similar looks, but different concepts.


It’s a matter of taste

Redactor Editor

First of all, Redactor comes up with a very clean and nifty user interface. Besides, its pleasant code structure and its flexible configuration options prove Redactor to be a modern and capable editor solution.

Actually, using this WYSIWYG editor wouldn’t be free of charge, but REDAXO has ordered a license to use the editor within the REDAXO system.

The icon bars of both Redactor and Markitup can be configured individually. Admins are able to reduce the feature set to a custom level. In addition, you can set up multiple profiles containing different icon bars, and you can define which one should be used for a any module.

Markitup editor

Service

Textile/markdown transforms shortcut codes to valid HTML when rendering the page. For instance, this

h1. Headline

(Textile)

# Headline

(Markdown)

will produce the following output:

<h1>Headline</h1>

In practice, textile shortcut codes are easy to learn. Moreover, compared to WYSIWYG editors, textile/markdown is more robust when dealing with improper user input. For instance, multiple new lines will be translated to only one paragraph.

The textile/markdown syntax is very comprehensive and supports extensions. The REDAXO website is written with textile/markdown as well.

Texteditor – WYSIWYG oder Textile?

Prinzipiell muss man zunächst unterscheiden zwischen WYSIWYG-Editoren (What you see is what you get) und Editoren, die rein textbasiert und mit einer Ersetzungssprache wie Textile oder Markdown arbeiten. Erstere versuchen die Formatierung mehr oder weniger originalgetreu im Eingabefenster darzustellen und speichern Original-HTML in die Datenbank. Die zweite Kategorie erwartet im Eingabefenster Kürzel, die erst bei der Ausgabe in HTML “übersetzt” werden. In die Datenbank werden diese Kürzel gespeichert, keine HTML-Tags.

Zunächst erscheinen die WYSIWYG-Editoren die bessere Wahl, weil sie ähnlich wie Word und Layout-Programme funktionieren: Man formatiert den Text mit Hilfe von Icons und erhält sofort die gewünschte Formatierung.

Demgegenüber sind die textbasierten Editoren robuster gegen Fehleingaben der Redakteure. Auch lässt sich damit eher ein konsistentes Layout garantieren, weil vom Layouter ungewünschte “Mogeleien” wie mehrfache Leerzeilen ignoriert werden. Auch wenn es zunächst unkomfortabler aussieht: Die meisten Entwickler aus dem REDAXO-Team nutzen bei ihren Kundenprojekten eher textbasierte Editoren.

In der Demo gibt es Module für beide Editoren, für den WYSIWYG-Editor "Redactor" und für den Textile/Markdown-Editor "Markitup".

Ähnliches Aussehen, unterschiedliches Prinzip


Es bleibt Geschmackssache

Redactor Editor

Zunächst zeichnet sich Redactor besonders durch seine elegante, aufgeräumte Oberfläche aus. Aber auch der moderne Code-Aufbau und die flexiblen Konfigurationsmöglichkeiten zeigen, dass Redactor ein zeitgemäßer und praxistauglicher Editor ist.

Dieser WYSIWYG-Editor ist eigentlich kostenpflichtig, aber REDAXO hat eine Lizenz gekauft, die die kostenfreie Nutzung des Editors innerhalb von REDAXO gestattet.

Die Iconleisten können in beiden Editoren selbst konfiguriert werden. Der Admin kann den Funktionsumfang daher für den Redakteur auf das gewünschte Maß reduzieren. Man kann mehrere Profile definieren, so dass der Editor je nach Modul auch mit unterschiedlich besetzten Iconleisten ausgestattet werden kann.

Markitup Editor

Testlink

Textile, bzw. Markdown generiert durch die Eingabe von Shortcuts beim Rendern der Seiten gültiges HTML. So erzeugt

h1. Headline (bei Textile)
# Headline (bei Markdown)

in der Ausgabe

<h1>Headline</h1>

In der Praxis hat man diese Kürzel schnell erlernt. Textile/Markdown hat außerdem den Vorteil, robuster als WYSIWYG-Editoren gegen unerwünschte Redakteurs-Eingaben zu sein. So werden z.B. auch mehrere Leerzeilen nur als ein Absatz interpretiert.

Die Textile/Markdown-Syntax ist erstaunlich umfangreich und offen für Erweiterungen. Auch die REDAXO-Website selbst nutzt diese Variante.

Дополнительно

Как купить / заказать ?

Оплата / доставка

Политика конфиденциальности

Согласие на обработку персональных данных

Контакты

г. Всеволожск

Ленинградская область

тел: +7(911)700-76-29

e-mail: alex7005@yandex.ru

REDAXO 5 rocks!