md_simple_editor 0.2.1 → 0.2.3.pre1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c305193cc3627d04d1aedab4db677f0e0d27f9f9
-  data.tar.gz: 7f5e0821d50abedd8e719b0318b53aab5981cfec
+  metadata.gz: d8214eeca60e00fe6e8a881c50333b00c47d34af
+  data.tar.gz: b1d85124f67fae81a5cc978bf18b4fa2869ee06b
 SHA512:
-  metadata.gz: 751988d84d21befc185f741fcb527c0a4de2e413dd15b40ee7ebd53efe5ab38166b9f6b67123ea1821c32138fa5b53ba4c404653d694416efb86873b36c59750
-  data.tar.gz: dfe5a187c2f505b7199b6a045c6b1c943e4f0a7209ed1afb670fb50a64abf82c37b39a6bb7d4b102c03d247bb594edb91a68228338f49509e3a710f524cc42de
+  metadata.gz: f2643b4cb4719ce1cc84de42a51cc981340d852a57953c91daff11564dd3abc4c7a6c27cf26402a12912048b6b934ed08205f43385e88ef527ad8842286fdeed
+  data.tar.gz: 0b3055d1a47f06a79b9cb1f3d9c8bf9c8ed3a04e9ba33ef995f03fbb734381cab42ae098a7826cfdc499df82cee9dc1607fe52826df0d1893099b23ca092c78c

data/.gitignore

@@ -15,3 +15,10 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
+
+test/dummy/db/*.sqlite3
+test/dummy/db/*.sqlite3-journal
+test/dummy/log/*.log
+test/dummy/tmp/
+test/dummy/.sass-cache
+

data/Gemfile

@@ -1,6 +1,8 @@
+ruby '2.0.0'
 source 'https://rubygems.org'
 
 # Specify your gem's dependencies in md_simple_editor.gemspec
 gemspec
 
-gem 'redcarpet'
+gem 'sqlite3'
+gem 'font-awesome-rails'

data/README.md

@@ -47,22 +47,17 @@ Also you can use inside a form
 <% end %>
 ```
 
-
-#### Version 0.1.8
-
-Simple markdown editor meets Bootstrap, more elegant look and feel, !and now, the preview mode is OUT"
-
 ## How it looks?
 
-![Imgur](http://i.imgur.com/gg0MwlD.png)
-
-![Imgur](http://i.imgur.com/tX29Zvi.png)
+![Imgur](http://i.imgur.com/68DXCwP.png)
 
 
 ## ToDo
 
+- Improve css
 - Add functions to extend the toolbar
-- Add some internationalization options
+- Add preview option
+
 
 ## Contributing
 

data/Rakefile

@@ -1 +1,17 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
 require "bundler/gem_tasks"
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/javascripts/md_simple_editor/md_preview.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/javascripts/md_simple_editor.js.coffee

@@ -2,70 +2,52 @@
 # All this logic will automatically be available in application.js.
 # You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
 
-md_simple_editor = () ->
-  $('.btn-toolbar .btn-group button').click ->
+md_simple_editor = ->
+  $('#md-toolbar #btn-group button').mousedown ->
     att_class = this.classList
     rgex = /md_/
 
     option = $.grep att_class, (item) ->
       return rgex.test(item)
 
-    if option.length != 0
-      option = option[0].toString()
+    option = option[0].toString()
 
-      text = if option == 'md_h1'
-               "# Your Title here"
-            else if option == 'md_h2'
-               "## Your Title here"
-            else if option == 'md_h3'
-               "### Your Title here"
-            else if option == 'md_h4'
-               "#### Your Title here"
-            else if option == 'md_h5'
-               "##### Your Title here"
-            else if option == 'md_italic'
-               "_Your italic text here_"
-            else if option == 'md_bold'
-               "__Your bold text here__"
-            else if option == 'md_list-ul'
-               "\n\n* Item 1\n* Item 2\n* Item 3 \n\n<br>"
-            else if option == 'md_list-ol'
-               "\n\n1. Item 1\n2. Item 2\n3. Item 3 \n\n<br> "
-            else if option == 'md_indent'
-               ">Your indented text here"
-            else if option == 'md_underline'
-               "<u>Your undelined text here </u>"
-            else if option == 'md_table'
-               "\n|Header|Header|Header|\n|:------|:-------:|------:|\n|Left alignment|Centered|Right alignment|\n\n<br>"
-            else if option == 'md_minus'
-               "\n<hr>\n"
-            else if option == 'md_square'
-               "\n\t Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut aliquet velit. Nam fermentum, mi quis egestas ornare, massa velit pharetra ante, sed
-                      pellentesque tortor nisl non quam. Nunc eget egestas orci.\n\n<br> "
-            else if option == 'md_link'
-              "\n[This is a link](http://google.com)\n"
-            else if option == 'md_camera-retro'
-              "\n![Alt](https://www.google.com.co/images/srpr/logo11w.png)\n"
+    text = if option == 'md_h1'
+             "# Your Title here"
+          else if option == 'md_h2'
+             "## Your Title here"
+          else if option == 'md_h3'
+             "### Your Title here"
+          else if option == 'md_h4'
+             "#### Your Title here"
+          else if option == 'md_h5'
+             "##### Your Title here"
+          else if option == 'md_italic'
+             "_Your italic text here_"
+          else if option == 'md_bold'
+             "__Your bold text here__"
+          else if option == 'md_list-ul'
+             "\n\n* Item 1\n* Item 2\n* Item 3 \n\n<br>"
+          else if option == 'md_list-ol'
+             "\n\n1. Item 1\n2. Item 2\n3. Item 3 \n\n<br> "
+          else if option == 'md_indent'
+             ">Your indented text here"
+          else if option == 'md_underline'
+             "<u>Your undelined text here </u>"
+          else if option == 'md_table'
+             "\n|Header|Header|Header|\n|:------|:-------:|------:|\n|Left alignment|Centered|Right alignment|\n\n<br>"
+          else if option == 'md_minus'
+             "\n<hr>\n"
+          else if option == 'md_square'
+             "\n\tjebdhwiedwef Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut aliquet velit. Nam fermentum, mi quis egestas ornare, massa velit pharetra ante, sed
+                    pellentesque tortor nisl non quam. Nunc eget egestas orci.\n\n<br> "
+          else if option == 'md_link'
+            "\n[This is a link](http://google.com)\n"
+          else if option == 'md_camera-retro'
+            "\n![Alt](https://www.google.com.co/images/srpr/logo11w.png)\n"
 
-      textarea = $('#md-editor #md-text textarea')
-      insertAtCaret(textarea.attr('id'), text)
-
-preview = ->
-  if $('#md-text').prop('hidden')
-    $('.preview_md').text('Preview')
-    $('#md-text').removeAttr('hidden')
-    $('.preview-panel').attr('hidden', 'true')
-    false
-  else
-    $.post(
-      '/md_simple_editor/preview',
-      {md: $('#md-text textarea').val()},
-      (data) ->
-        $('.preview_md').text('Editor')
-        $('#md-text').attr('hidden', 'true')
-        $('.preview-panel').removeAttr('hidden')
-        $('#md-preview').html(data)
-    )
+    textarea = $('#md-editor #md-text textarea')
+    insertAtCaret(textarea.attr('id'), text)
 
 insertAtCaret = (areaId, text) ->
   txtarea = document.getElementById(areaId)
@@ -95,8 +77,6 @@ insertAtCaret = (areaId, text) ->
     txtarea.focus()
   txtarea.scrollTop = scrollPos
 
-$(document).on 'turbolinks:load page:load ready', ->
-  md_simple_editor()
-  $(document).off 'turbolinks:load page:load ready'
-  $('.preview_md').click ->
-    preview()
+
+$(document).ready(md_simple_editor())
+$(document).on('page:load', md_simple_editor())

data/app/assets/stylesheets/md_simple_editor/md_preview.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/md_simple_editor.css.scss

@@ -1,13 +1,74 @@
 #md-editor{
+  border: 1px solid #66afe9;
+  overflow: hidden;
+  #md-toolbar{
+    height: 50px;
+    margin-top: -5px;
+    background-color: #f5f5f5;
+    border-bottom: 1px dashed gray;
+    #btn-group{
+      margin: 10px 0 0 10px;
+      position: relative;
+      display: inline-block;
+      vertical-align: middle;
+      .btn{
+        margin-left: -3px;
+        position: relative;
+        float: left;
+        display: inline-block;
+        padding: 6px 12px;
+        margin-bottom: 0;
+        font-size: 14px;
+        font-weight: normal;
+        line-height: 1.428571429;
+        height: 36px;
+        text-align: center;
+        white-space: nowrap;
+        vertical-align: middle;
+        cursor: pointer;
+        border: 1px solid transparent;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        -o-user-select: none;
+        user-select: none;
+      }
+      .btn-default{
+        color: #333;
+        background-color: #fff;
+        border-color: #ccc;
+        &:hover{
+          color: white;
+          text-decoration: none;
+          text-shadow: #ffff 0px -1px 0px;
+          background-color: #3072b3;
+          background-image: -webkit-linear-gradient(top, #599bcd, #3072b3);
+          background-image: -moz-linear-gradient(top, #599bcd, #3072b3);
+          background-image: linear-gradient(top, #599bcd, #3072b3);
+          border-color: #2a65a0;
+          background-repeat: repeat no-repeat;
+        }
+
+        &:hover, &:focus, &:active{
+          outline: 0;     outline-style:none;     outline-width:0;
+        }
+
+      }
+      &>.btn:first-child{
+        border-radius: 4px 0 0 4px;
+      }
+      &>.btn:last-child{
+        border-radius: 0 4px 4px 0;
+      }
+    }
+
+  }
   #md-text{
     textarea{
-      padding: 15px;
+      width: 99%;
+      padding: 4px;
     }
   }
-  #md-preview{
-    border: solid 1px #cccccc;
-    padding: 15px;
-  }
 }
 
 .markdown{

data/app/controllers/md_simple_editor/application_controller.rb

@@ -0,0 +1,4 @@
+module MdSimpleEditor
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/md_simple_editor/md_preview_controller.rb

@@ -0,0 +1,8 @@
+require_dependency "md_simple_editor/application_controller"
+
+module MdSimpleEditor
+  class MdPreviewController < ApplicationController
+    def preview
+    end
+  end
+end

data/app/helpers/md_simple_editor/md_preview_helper.rb

@@ -0,0 +1,4 @@
+module MdSimpleEditor
+  module MdPreviewHelper
+  end
+end

data/app/helpers/md_simple_editor/rails/md_helper.rb

@@ -3,77 +3,67 @@ module MdSimpleEditor
     module MdHelper
       def md_simple_editor
         content_tag(:div, :id => "md-editor") do
-          content_tag(:div, :class => "btn-toolbar", role: "toolbar") do
-            content_tag(:div, :class => "btn-group") do
-              button_tag(:type => 'button', :class => "btn btn-default md_h1") do
+          content_tag(:div, :id => "md-toolbar") do
+            content_tag(:div, :id => "btn-group") do
+              button_tag(:type => 'button', :class => "btn btn-default md_h1", :style => "font-size: 15px") do
                 content_tag(:strong, 'H1')
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_h2") do
+              button_tag(:type => 'button', :class => "btn btn-default md_h2", :style => "font-size: 13px") do
                 content_tag(:strong, 'H2')
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_h3") do
+              button_tag(:type => 'button', :class => "btn btn-default md_h3", :style => "font-size: 11px") do
                 content_tag(:strong, 'H3')
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_h4") do
+              button_tag(:type => 'button', :class => "btn btn-default md_h4", :style => "font-size: 9px") do
                 content_tag(:strong, 'H4')
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_h5") do
+              button_tag(:type => 'button', :class => "btn btn-default md_h5", :style => "font-size: 7px") do
                 content_tag(:strong, 'H5')
               end
             end +
-            content_tag(:div, :class => "btn-group") do
-              button_tag(:type => 'button', :class => "btn btn-default md_italic") do
+            content_tag(:div, :id => "btn-group") do
+              button_tag(:type => 'button', :class => "btn btn-default md_italic", :style => "font-size: 11px") do
                 fa_icon "italic"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_bold") do
+              button_tag(:type => 'button', :class => "btn btn-default md_bold", :style => "font-size: 11px") do
                 fa_icon "bold"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_list-ul") do
+              button_tag(:type => 'button', :class => "btn btn-default md_list-ul", :style => "font-size: 11px") do
                 fa_icon "list-ul"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_list-ol") do
+              button_tag(:type => 'button', :class => "btn btn-default md_list-ol", :style => "font-size: 11px") do
                 fa_icon "list-ol"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_indent") do
+              button_tag(:type => 'button', :class => "btn btn-default md_indent", :style => "font-size: 11px") do
                 fa_icon "indent"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_underline") do
+              button_tag(:type => 'button', :class => "btn btn-default md_underline", :style => "font-size: 11px") do
                 fa_icon "underline"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_table") do
+              button_tag(:type => 'button', :class => "btn btn-default md_table", :style => "font-size: 11px") do
                 fa_icon "table"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_square") do
+              button_tag(:type => 'button', :class => "btn btn-default md_square", :style => "font-size: 11px") do
                 fa_icon "square"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_minus") do
+              button_tag(:type => 'button', :class => "btn btn-default md_minus", :style => "font-size: 11px") do
                 fa_icon "minus"
               end
             end +
-            content_tag(:div, :class => "btn-group") do
-              button_tag(:type => 'button', :class => "btn btn-default md_link") do
+            content_tag(:div, :id => "btn-group") do
+              button_tag(:type => 'button', :class => "btn btn-default md_link", :style => "font-size: 11px") do
                 fa_icon "link"
               end +
-              button_tag(:type => 'button', :class => "btn btn-default md_camera-retro") do
+              button_tag(:type => 'button', :class => "btn btn-default md_camera-retro", :style => "font-size: 11px") do
                 fa_icon "camera-retro"
               end
-            end +
-            content_tag(:div, class: 'btn-group pull-righ') do
-	            button_tag(:type => 'button', :class => "btn btn-primary preview_md") do
-		            'Preview'
-	            end
             end
           end +
-          content_tag(:br) +
           content_tag(:div, :id => "md-text") do
             yield
           end +
-          content_tag(:div, class: 'panel panel-success preview-panel', hidden: true) do
-	          content_tag(:div, class: 'panel-heading') do
-		          "Preview"
-	          end +
-	          content_tag(:div, :id => "md-preview", class: 'panel-body') do
-	          end
+          content_tag(:div, :id => "md-preview") do
+
           end
         end
       end

data/app/views/md_simple_editor/layouts/md_simple_editor/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Blorgh</title>
+  <%= stylesheet_link_tag    "blorgh/application", media: "all" %>
+  <%= javascript_include_tag "blorgh/application" %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/app/views/md_simple_editor/md_preview/preview.html.erb

@@ -0,0 +1,2 @@
+<h1>MdPreview#preview</h1>
+<p>Find me in app/views/md_simple_editor/md_preview/preview.html.erb</p>

data/bin/rails

@@ -0,0 +1,8 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 4 gems installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path('../..', __FILE__)
+ENGINE_PATH = File.expand_path('../../lib/md_simple_editor/engine', __FILE__)
+puts ENGINE_PATH
+require 'rails/all'
+require 'rails/engine/commands'

data/config/routes.rb

@@ -1,3 +1,3 @@
-Rails.application.routes.draw do
-	post 'md_simple_editor/preview'
-end
+MdSimpleEditor::Engine.routes.draw do
+  get "md_preview/preview"
+end

data/lib/md_simple_editor/engine.rb

@@ -1,6 +1,7 @@
 module MdSimpleEditor
-  module Rails
+#  module Rails
     class Engine < ::Rails::Engine
+      isolate_namespace MdSimpleEditor
     end
-  end
+#  end
 end

data/lib/md_simple_editor/version.rb

@@ -1,3 +1,4 @@
 module MdSimpleEditor
-  VERSION = "0.2.1"
+  VERSION = "0.2.3.pre1"
 end
+

data/lib/md_simple_editor.rb

@@ -1,4 +1,7 @@
 require "md_simple_editor/version"
 require "md_simple_editor/engine" if defined?(Rails)
 
+module MdSimpleEditor
+end
+
 

data/md_simple_editor.gemspec

@@ -20,7 +20,7 @@ Gem::Specification.new do |spec|
 
   spec.add_development_dependency "bundler", "~> 1.3"
   spec.add_development_dependency "rake"
+  spec.add_dependency "rails"
 
-  spec.add_runtime_dependency "font-awesome-rails"
-  spec.add_runtime_dependency "redcarpet", "~> 3.0"
+  spec.add_dependency "font-awesome-rails", "~> 4.0.3.1"
 end

data/test/blorgh_test.rb

@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class BlorghTest < ActiveSupport::TestCase
+  test "truth" do
+    assert_kind_of Module, Blorgh
+  end
+end

data/test/controllers/md_simple_editor/md_preview_controller_test.rb

@@ -0,0 +1,11 @@
+require 'test_helper'
+
+module MdSimpleEditor
+  class MdPreviewControllerTest < ActionController::TestCase
+    test "should get preview" do
+      get :preview
+      assert_response :success
+    end
+
+  end
+end

data/test/dummy/README.rdoc

@@ -0,0 +1,28 @@
+== README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/test/dummy/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Rails.application.load_tasks

data/test/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/test/dummy/app/assets/stylesheets/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/test/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,5 @@
+class ApplicationController < ActionController::Base
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  protect_from_forgery with: :exception
+end

data/test/dummy/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/test/dummy/app/views/layouts/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Dummy</title>
+  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
+  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/test/dummy/bin/bundle

@@ -0,0 +1,3 @@
+#!/usr/bin/env ruby
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+load Gem.bin_path('bundler', 'bundle')

data/test/dummy/bin/rails

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+APP_PATH = File.expand_path('../../config/application',  __FILE__)
+require_relative '../config/boot'
+require 'rails/commands'

data/test/dummy/bin/rake

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+require_relative '../config/boot'
+require 'rake'
+Rake.application.run