Installation

Quickstart

 

To get Wysiwyg Fields up and running as quick as possible follow these steps.

Note: This assumes a relatively standard Drupal installation and configures only the Article Image field for use as a Wysiwyg field.

Supported field types/widgets list

While in theory Wysiwyg Fields supports all field types, some may work better than others and some may be impractical when used as inline fields.

Below is a list of some core and contributed module field types/widgets along with their status and any notes.

 

Wysiwyg Fields

Wysiwyg Fields bridges the gap between Drupal fields and CKEditor by turning any standard Drupal field into a CKEditor toolbar button. The content of the fields are still managed by Drupal's field system, and rendered via Drupal's Field Formatters, with a simplified user experience.

Duplicate HTML Purifier

SOme one can use it to create another documentation about HTML Purifier. I can delete it!

How to install the module:

PREREQUISITES: Make sure you check HTML Purifier and make sure that you
have fulfilled all of its requirements before running this. Specifically,
you'll need the PHP extension ctype (in almost all PHP distributions),
and it's nice to have dom and iconv.

* Place the htmlpurifier folder in your drupal modules directory.

HTML Purifier

HTML Purifier is a standards-compliant HTML filter library. It will not only remove all malicious code (better known as XSS) with a thoroughly audited, secure yet permissive whitelist, it will also make sure your documents are standards compliant, something only achievable with a comprehensive knowledge of W3C's specifications.

insert inline images using wysiwyg and ckeditor

The Picture module allows you to use picture groups created with inline image inserted in body field with WYSIWYG or CKEditor modules. This currently requires the dev version of Picture.

Configuration

Picture settings

Navigate to Picture settings (admin/config/media/picture/ckeditor) and enable the picture groups which will be available in the ckeditor (the library) image dialog box.

You can set for each group his weight (in the select list) and the fallback image style
picture ckeditor settings

Filter Text format

Navigate to the text format (admin/config/content/formats/full_html for the Full HTML Format) on which you want use picture module and enable the filter Make images responsive with the picture module.
filter text format picture module

You have to move Make images responsive with the picture module below Convert line breaks into HTML (i.e. <br> and <p>) if it is enabled, otherwise you'll get empty lines above the picture.

Plugin WYSIWYG

Pages

Subscribe with RSS Subscribe to RSS - WYSIWYG