Issue #10: Support for TinyMCE (#11)

Author: indigoxela

css/editor.css

@@ -0,0 +1,80 @@
+/**
+ * @file
+ * Basic styles to apply to editor content.
+ */
+body {
+  font: 1rem/1.6 verdana, sans-serif;
+}
+a {
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+ol,
+ul {
+  margin: 1em 0 1em 1em;
+  padding: 0 0 0 1.2em;
+}
+blockquote {
+  margin: 1em 0;
+  padding: 0 0 0 1em;
+  border-left: 4px solid #ddd;
+}
+pre {
+  padding: 4px;
+  max-width: 100%;
+  overflow: auto;
+  border-radius: 3px;
+}
+table {
+  border-collapse: collapse;
+  max-width: 100%;
+  margin: 1em 0 1.5em;
+}
+tr.even {
+  background-color: initial;
+}
+td, th {
+  padding: 4px 10px;
+  vertical-align: top;
+}
+audio,
+video,
+iframe,
+form,
+button,
+input,
+optgroup,
+select,
+textarea {
+  max-width: 100%;
+}
+h1 {
+  font-size: 2em;
+  line-height: 1.4;
+}
+h2 {
+  font-size: 1.6em;
+  line-height: 1.5;
+}
+h3 {
+  font-size: 1.5em;
+}
+h4 {
+  font-size: 1.1em;
+}
+h5 {
+  font-size: 1em;
+}
+h6 {
+  font-size: 1em;
+}
+@media screen and (min-width: 960px) {
+  h1 {
+    font-size: 2.3em;
+  }
+  h2 {
+    font-size: 1.7em;
+  }
+}

lateral.info

@@ -9,6 +9,7 @@ stylesheets[all][] = css/colors.css
 stylesheets[screen][] = css/maintenance.css
 
 scripts[] = js/helper.js
+tinymce_content_css[] = css/editor.css
 
 settings[header_position] = 'left'
 settings[font] = 'opensans'

template.php

@@ -110,3 +110,31 @@ function lateral_ckeditor_settings_alter(&$settings, $format) {
     $settings['contentsCss'][] = $path . '/css/colors.css';
   }
 }
+
+/**
+ * Implements hook_tinymce_options_alter().
+ */
+function lateral_tinymce_options_alter(array &$options, $format) {
+  global $base_url, $base_path;
+  $path = $base_path . backdrop_get_path('theme', 'lateral');
+  $font_selected = theme_get_setting('font');
+
+  if ($font_selected == 'merriweather') {
+    $options['tiny_options']['content_css'][] = $path . '/css/merriweather.css';
+  }
+  elseif ($font_selected == 'opensans') {
+    $options['tiny_options']['content_css'][] = $path . '/css/use-opensans.css';
+  }
+  $color_uris = theme_get_setting('color.files');
+  if ($color_uris) {
+    // We only have a single color css file.
+    $color_uri = reset($color_uris);
+    $url = file_create_url($color_uri);
+    $color_css = substr($url, strlen($base_url));
+    $options['tiny_options']['content_css'][] = $color_css;
+  }
+  else {
+    // No color module setting, add the theme's default file.
+    $options['tiny_options']['content_css'][] = $path . '/css/colors.css';
+  }
+}