StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>drupal wysiwyg implementation is terrible. i gave up on tinymce and decided to go with ckeditor instead (i could never get tinymce to work with file and image uploads) my current setup works like this (disclaimer - don't fiddle with this stuff on a production environment, rather play around on your dev server first):</p> <ol> <li>download the ckeditor source from the ckeditor site and insert into your libraries (/sites/all/libraries).</li> <li>install the ckeditor module</li> <li>install the better_formats module</li> <li>install the imce module (may already be active)</li> <li>install the imce_style module (makes imce look a bit more bearable)</li> <li>disable wysiwyg and wysiwyg_api_bridge and imce_wysiwyg_api_bridge if they are installed</li> <li>copy ckeditor.config.js from the ckeditor module dir and drop it in your theme dir (that way you don't overwrite your config if you update the module)</li> <li>edit this file to set up a new toolbar-set or alter one of the existing ones. the file should be fairly self-explanatory.</li> <li>make sure the imce plugin, drupal page break plugin and whatever else you need is activated for this toolbar.</li> <li>go to your ckeditor options in drupal admin: admin/settings/ckeditor, choose the desired ckeditor profile and edit the settings, making sure the following is set: <ul> <li>select: editor appearance > toolbar > [toolbar you configured in point 9]</li> <li>select: filebrowser > imce</li> <li>select: advanced options > load method > ckeditor.js </li> <li>select: "load ckeditor.config.js from theme path"</li> <li>the rest is up to your discretion</li> </ul></li> <li>edit the global profile settings to work with the textareas you specifically want.</li> <li>make sure your files directory is set and writable for imce if you want to upload files.</li> </ol> <p>this took me about 3 days to get right. you can also set ckeditor to load your theme css so that styles within the editor reflect those on the rest of the site, and you can configure custom css classes to appear in the toolbar which reflect the styles on your site.</p> <p>hope it helps somewhat.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload