Netzflut

Webdesign, Webentwicklung, Drupal & Zeuchs

WYSIWYG

Inhaltsverzeichniss

    New

    http://drupal.org/project/wysiwyg | Integration von mehreren wysiwyg Editoren.
    CKEditor nutzen

    http://drupal.org/project/wysiwyg_linebreaks | Super wichtig wenn man nicht will das der CKEditor beim drücken von "enter" ein leeres p tag erstellt und alles in p tags wrappt. Bietet auch die option "Force linebreaks". Damit kann man bereits bestehenden content editieren ohne das CKEditor den quellcode total vermurkst.

    Styling adden
    ACHTUNG: Auf der settings Seite: admin/config/content/wysiwyg/profile/full_html/edit gibt es ein Textfeld CSS path. Hier am besten den ganzen Pfad angeben ohne %b etc.
    Beispiel: /sites/multisite.de/themes/seo4at/css/custom/core/elements/buttons.css
    Es gibt einige diskussionen das immer wieder das css des themes nicht genutzt wird. Z.B bei omega etc.
    Wer sass nutzt kann die genutzen styles auch per sass bequem in eine große ckeditor.styles.sass einbinden.
    Besser alle css angeben in dem kleine Textfeld (ja die Frage ist wieso ist es keine textarea aber...)
    Eingabe z.B.
    /sites/foo.info/themes/seo4at/css/custom/core/elements/buttons.css,/sites/foo.info/themes/seo4at/css/custom/contributed/bueditor/bueditor.custom.css

    Einbinden von eigenen Styles über das Style Menu
    http://drupal.org/project/ckeditor_styles

    Filter wie rel=nowfollow etc
    http://drupal.org/project/wysiwyg_filter

    Templates
    http://drupal.org/project/wysiwyg_template

    Image Resize Setup wmit Media
    http://drupal.org/node/1599070

    Old

    WYSIWYG mit Bildmanager und Bild auto scale 1

    Eine gute und funktionierende Kombination sind folgende Module:

    http://drupal.org/project/wysiwyg | Integration von mehreren wysiwyg Editoren.

    http://tinymce.moxiecode.com/ |Die neuste Version kann Probleme mit wysiwyg machen (eine ältere Version nehmen)

    http://drupal.org/project/imce_wysiwyg | Integriert IMCE in wysiwyg

    http://drupal.org/project/imce | Bilder direkt aus Tinymce uploaden. Hat eigenen ordner auf dem Server. Supportet Thumbnail creation.

    http://drupal.org/project/image_resize_filter | Automatische runterberechnung von skalieren bildern in tinymce.

    Kombination getestet mit: FOXROCK

    WYSIWYG mit Bildmanager und Bild auto scale 2

    TESTE CROPPING MODULE

    http://drupal.org/project/epsacrop

    http://drupal.org/project/imagecrop | USED ON ARTWAVES.de

    Sonstige Module

    http://drupal.org/project/nrembrowser
    http://drupal.org/project/ckeditor_swf
    http://drupal.org/project/tinybrowser

    Linkmodule

    http://drupal.org/project/linkit

    http://drupal.org/project/ckeditor_link

    Kann interne links über ein Fnester finden, autocomplete

    Info Januar 2011

    ckeditor mit wysiwyg nervt, buttons fehlen. Nutze ckeditor module standalone anstatt.

    Nachteile WYSIWYG

    keine exclude möglichkeit für fields! Einfach better_formats nutzen

    PATCHES und INFOS

    http://drupal.org/node/791634#comment-3971048 | patch to add template
    http://drupal.org/node/751196#comment-3689150 | nice sorting
    http://drupal.org/node/277954#comment-3549564 handsort with drggable list

    Editor anpassen

    Templates anlegen und styles ändern/anlegen. Im Verzeichniss des ckeditors in plugins /templates und /styles

    http://coredogs.com/article/drupal-limit-wysiwyg-editors
     

    Referenzierte Artikel: 
    Drupal: