Style content in ckeditor

To see your content in the ckeditor the same way, or close to it, that it appears when viewed, you need to add your custom styles to one of the CSS files loaded by the editor.

The ckeditor.css file is loaded. It is located in modules/ckeditor/css/ckeditor.css. You could place your custom css there.

However, your default theme’s style.css is also loaded. It is better to place it there since you already have to have it there to show up when viewed.

Run chrome in insecure mode

If, while developing, you need to work around Chrome’s security features that prevent you from retrieving http content while on a https page, then you can do so using a shortcut like so:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir=c:\temp-chrome --disable-web-security --allow-running-insecure-content

Specify MySQL column collation in a view to overcome mismatched collations in comparison

In my budget changes history table, my key is using collation utf8mb4_unicode_ci

show full columns from budgetchangeshistory

rsskey            varchar(500)  utf8mb4_unicode_ci YES      NULL                      select,insert,update,references 

However, when I compare my budget changes view to history, I get a collation mismatch

Allow images in ckeditor in Drupal to be styled

By default CKEditor applies dimension styling directly to the image element. This makes it difficult to allow your images to be responsive.

To fix this, install the CKEditor Image module.

cd sites/all/modules

drush dl ckeditor_image

sudo chgrp -R www-data .

In CKEditor settings, under the profile’s Editior appearance, check CKEditor Image and uncheck Enhanced Image Plugin.

Configure simplenews to include css in your newsletters

If you really want to change the way your newsletters appear in email client, you can do so using a custom mail.css file.

In Mail System settings, select the Theme used to render emails.

In that theme’s folder create a mail.css file.

Ex.

cd /sites/all/themes/adminimal_theme

vi mail.css

h1 {
        background-color: red;
        color : blue;
        font-size: 4em;
}

Refresh the cache.

Send the newsletter.

Configure simplenews to include images in the newsletter

To include images in the simeplenews newsletter, you can add a Image field to the simplenews content type.

However, this image will be shown in the received email exactly as it appears when you view the newsletter on the site. For instance, the image may appear after the body content as a separate field.

Probably you want the image to appear at a location of your chosing withing the body content.

To do this, add a File field to the simplenews content type. Under Manage display, set it to hidden.

Pages

Subscribe to Front page feed