rails-bootstrap-markdown 1.0.0 → 2.6.0

data/app/assets/javascripts/to-markdown.js

@@ -6,6 +6,10 @@
  *
  */
 
+if (typeof he !== 'object' && typeof require === 'function') {
+  var he = require('he');
+}
+
 var toMarkdown = function(string) {
 
   var ELEMENTS = [
@@ -58,7 +62,7 @@ var toMarkdown = function(string) {
     {
       patterns: 'code',
       replacement: function(str, attrs, innerHTML) {
-        return innerHTML ? '`' + innerHTML + '`' : '';
+        return innerHTML ? '`' + he.decode(innerHTML) + '`' : '';
       }
     },
     {
@@ -106,9 +110,10 @@ var toMarkdown = function(string) {
   // Pre code blocks
 
   string = string.replace(/<pre\b[^>]*>`([\s\S]*)`<\/pre>/gi, function(str, innerHTML) {
-    innerHTML = innerHTML.replace(/^\t+/g, '  '); // convert tabs to spaces (you know it makes sense)
-    innerHTML = innerHTML.replace(/\n/g, '\n    ');
-    return '\n\n    ' + innerHTML + '\n';
+    var text = he.decode(innerHTML);
+    text = text.replace(/^\t+/g, '  '); // convert tabs to spaces (you know it makes sense)
+    text = text.replace(/\n/g, '\n    ');
+    return '\n\n    ' + text + '\n';
   });
 
   // Lists
@@ -118,7 +123,7 @@ var toMarkdown = function(string) {
   // Make sure we are escaping the period not matching any character
   string = string.replace(/^(\s{0,3}\d+)\. /g, '$1\\. ');
 
-  // Converts lists that have no child lists (of same type) first, then works it's way up
+  // Converts lists that have no child lists (of same type) first, then works its way up
   var noChildrenRegex = /<(ul|ol)\b[^>]*>(?:(?!<ul|<ol)[\s\S])*?<\/\1>/gi;
   while(string.match(noChildrenRegex)) {
     string = string.replace(noChildrenRegex, function(str) {

data/app/assets/stylesheets/bootstrap-markdown.css.scss

@@ -1,8 +1,9 @@
 /**
- * Bootstrap-Markdown.less
+ * Bootstrap-Markdown.css.scss
  *
  * @author Taufan Aditya @taufanaditya
- * @copyright 2013 Taufan Aditya
+ * @author Oleg Vivtash <o@vivtash.net> (LESS->SCSS conversion)
+ * @copyright 2013-2014 Taufan Aditya
  */
 
 @import "bootstrap/variables"; // Point this into your bootstrap variables
@@ -12,24 +13,30 @@
 $color: $input-border-focus;
 $color-rgba: rgba(red($color), green($color), blue($color), .6);
 
+
 .md-editor {
   display: block;
   border: 1px solid $table-border-color;
 
-  .md-header, .md-footer {
+  > .md-header, .md-footer {
     display: block;
     padding: 6px 4px;
     background: $panel-default-heading-bg;
   }
 
-  .md-preview {
+  > .md-header {
+    margin: 0;
+  }
+
+  > .md-preview {
     background: $panel-bg;
     border-top: 1px dashed $table-border-color;
     border-bottom: 1px dashed $table-border-color;
     min-height: 10px;
+    overflow: auto;
   }
 
-  textarea {
+  > textarea {
     font-family: $font-family-monospace;
     font-size: $font-size-base;
     outline: 0;
@@ -44,17 +51,171 @@ $color-rgba: rgba(red($color), green($color), blue($color), .6);
     border-radius: 0;
     box-shadow: none;
     background: $input-bg-disabled;
-
     &:focus {
       box-shadow: none;
       background: $input-bg;
     }
   }
 
+  // Hover state
+  $color: $input-border-focus;
+  $color-rgba: rgba(red($color), green($color), blue($color), .6);
   &.active {
     border-color: $color;
     outline: 0;
+     @include box-shadow("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px ${color-rgba}");
+  }
+
+  .md-controls {
+    float: right;
+    padding: 3px;
 
-    @include box-shadow("inset 0 1px 1px rgba(0, 0, 0, 0.75), 0 0 0 8px rgba(#{$color-rgba})")
+    .md-control {
+      right: 5px;
+      color: #bebebe;
+      padding: 3px 3px 3px 10px;
+      &:hover {
+        color: #333;
+      }
+    }
   }
+
+  // fullscreen mode styles
+  &.md-fullscreen-mode {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+    padding: 60px 30px 15px;
+    background: #fff !important;
+    border: 0 !important;
+
+    &.theme-dark {
+      background: #1d1f21 !important;
+
+      .md-fullscreen-controls a {
+        color: #a4b1b1;
+        &:hover {
+          color: #dbe0e0;
+          text-shadow: 0 0 10px #000;
+        }
+      }
+
+      .md-preview,
+      .md-input,
+      .md-input:hover,
+      .md-input:active,
+      .md-input:focus {
+          color: #dbe0e0;
+          background: #1d1f21 !important;
+        
+      }
+
+      .btn {
+        &:hover,
+        &:focus,
+        &.active,
+        &:active {
+          color: #dbe0e0;
+          text-shadow: 0 0 10px #000;
+        }
+      }
+    }
+
+    .md-footer {
+      display: none;
+    }
+
+    .md-input,
+    .md-preview {
+      margin: 0 auto !important;
+      height: 100% !important;
+      font-size: 20px !important;
+      padding: 20px !important;
+      color: #999;
+      line-height: 1.6em !important;
+      resize: none !important;
+      box-shadow: none !important;
+      background: #fff !important;
+      border: 0 !important;
+    }
+
+    .md-preview {
+      color: #333;
+      overflow: auto;
+    }
+
+    .md-input {
+      &:hover,
+      &:focus {
+        color: #333;
+        background: #fff !important;
+      }
+    }
+
+    .md-header {
+      background: none;
+      text-align: center;
+      position: fixed;
+      width: 100%;
+      top: 20px;
+    }
+
+    .btn-group {
+      float: none;
+    }
+
+    .btn {
+      border: 0;
+      background: none;
+      color: #b3b3b3;
+
+      &:hover,
+      &:focus,
+      &.active,
+      &:active {
+        box-shadow: none;
+        color: #333;
+      }
+    }
+
+    .md-fullscreen-controls {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+      text-align: right;
+      z-index: 1002;
+      display: block;
+      a {
+        color: #b3b3b3;
+        clear: right;
+        margin: 10px;
+        width: 30px;
+        height: 30px;
+        text-align: center;
+
+        &:hover {
+          color: #333;
+          text-decoration: none;
+        }
+      }
+    }
+
+    .md-editor {
+      height: 100% !important;
+      position: relative;
+    }
+  }
+
+  .md-fullscreen-controls {
+    display: none;
+  }
+}
+
+.md-nooverflow {
+  overflow: hidden;
+  position: fixed;
+  width: 100%;    
 }

data/lib/rails-bootstrap-markdown/version.rb

@@ -1,7 +1,7 @@
 module Rails
   module Bootstrap
     module Markdown
-      VERSION = "1.0.0"
+      VERSION = "2.6.0"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails-bootstrap-markdown
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 2.6.0
 platform: ruby
 authors:
 - Danny Tatom
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-10-26 00:00:00.000000000 Z
+date: 2014-09-12 00:00:00.000000000 Z
 dependencies: []
 description: 
 email:
@@ -17,12 +17,14 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
+- ".gitignore"
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/assets/javascripts/bootstrap-markdown-bundle.js
 - app/assets/javascripts/bootstrap-markdown.js
+- app/assets/javascripts/he.js
 - app/assets/javascripts/markdown.js
 - app/assets/javascripts/to-markdown.js
 - app/assets/stylesheets/bootstrap-markdown.css.scss
@@ -38,19 +40,18 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.2
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: A Rails gem for Bootstrap Markdown
 test_files: []
-has_rdoc: