Added margins to floated images and updated editor controls. Fixes #18.

diff --git a/resources/assets/js/pages/page-form.js b/resources/assets/js/pages/page-form.js
index d3b18df856fa569ba7781e35d30e8115e9b80ff5..cbebfdd68442688f42e081950875c3674c560dcb 100644 (file)
--- a/resources/assets/js/pages/page-form.js
+++ b/resources/assets/js/pages/page-form.js
@@ -15,7 +15,7 @@ module.exports = {
     automatic_uploads: false,
     valid_children: "-div[p|pre|h1|h2|h3|h4|h5|h6|blockquote]",
     plugins: "image table textcolor paste link imagetools fullscreen code hr",
     automatic_uploads: false,
     valid_children: "-div[p|pre|h1|h2|h3|h4|h5|h6|blockquote]",
     plugins: "image table textcolor paste link imagetools fullscreen code hr",

-    toolbar: "undo redo | styleselect | bold italic underline strikethrough superscript subscript | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image link hr | code fullscreen",
+    toolbar: "undo redo | styleselect | bold italic underline strikethrough superscript subscript | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image link hr | removeformat code fullscreen",

     content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important; margin-left:auto!important;margin-right:auto!important;}",
     style_formats: [
         {title: "Header 1", format: "h1"},
     content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important; margin-left:auto!important;margin-right:auto!important;}",
     style_formats: [
         {title: "Header 1", format: "h1"},


@@ -27,6 +27,11 @@ module.exports = {
         {title: "Code Block", icon: "code", format: "pre"},
         {title: "Inline Code", icon: "code", inline: "code"}
     ],
         {title: "Code Block", icon: "code", format: "pre"},
         {title: "Inline Code", icon: "code", inline: "code"}
     ],

+    formats : {
+        alignleft : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'align-left'},
+        aligncenter : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'align-center'},
+        alignright : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'align-right'},
+    },

     file_browser_callback: function(field_name, url, type, win) {
         ImageManager.show(function(image) {
             win.document.getElementById(field_name).value = image.url;
     file_browser_callback: function(field_name, url, type, win) {
         ImageManager.show(function(image) {
             win.document.getElementById(field_name).value = image.url;

diff --git a/resources/assets/sass/_pages.scss b/resources/assets/sass/_pages.scss
index c4b2b05e1e443b3ed2022b1b39e3ac51c5e6d100..9eee9c1b8867a99ad5ef84b2ae3ae93d4b195d48 100644 (file)
--- a/resources/assets/sass/_pages.scss
+++ b/resources/assets/sass/_pages.scss
@@ -17,10 +17,26 @@
 
 .page-content {
   max-width: 840px;
 
 .page-content {
   max-width: 840px;

+  .align-left {
+    float: left !important;
+    text-align: left;
+    margin: $-xs $-s $-xs 0;
+  }
+  .align-right {
+    float: right !important;
+    text-align: right;
+    margin: $-xs 0 $-xs $-s;
+  }
+  .align-center {
+    text-align: center;
+  }

   img {
     max-width: 100%;
     height:auto;
   }
   img {
     max-width: 100%;
     height:auto;
   }

+  h1, h2, h3, h4, h5, h6 {
+    clear: both;
+  }

 }
 
 // Page content pointers
 }
 
 // Page content pointers