redcloth-rails 0.1.0

data/Gemfile

@@ -0,0 +1,8 @@
+source 'http://rubygems.org'
+
+gem 'RedCloth',   '>= 4.2.0'
+gem 'rails',      '>= 3.1.0'
+gem 'rdoc'
+gem 'bundler'
+
+gemspec

data/LICENSE

@@ -0,0 +1,21 @@
+Copyright (c) 2013 emjot GmbH & Co. KG
+Copyright (c) 2011 Thor Johnson
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.textile

@@ -0,0 +1,58 @@
+h2. redcloth-rails
+
+bq. Homepage: 	"Github":https://github.com/emjot/redcloth-rails
+Author: 	    emjot GmbH & Co. KG
+
+p. The redcloth-rails gem enables "RedCloth":http://redcloth.org for rails (>= 3.1).
+It provides helpers to integrate the _TextileEditor_ toolbar and its assets are pipeline ready ...
+
+h4. History
+
+p. The _TextileEditor_ was created by Dave Olsen (Javascript) and Chris Scharf (Ruby/Rails) of "West Virginia University Web Services":http://webservices.wvu.edu .
+The rails 3.0 support and gemification was realized by ryanfelton (https://github.com/ryanfelton/textile-editor-helper).
+
+h4. Dependencies
+
+* RedCloth (>= 4.2)
+* Rails (>= 3.1)
+* Rails Asset Pipeline
+* JQuery
+
+h4. Installation (via Bundler)
+
+pre. Gemfile:
+gem "redcloth-rails"
+
+h4. Setup
+
+Generate a config file
+
+pre. rails g textile_editor_config
+
+Include the coffees script and scss files in your asset pipeline
+
+pre. app/assets/javascripts/application.js:
+(...)
+//= require textile-editor
+//= require ./textile-editor-config
+
+pre. app/assets/stylesheets/application.css:
+(...)
+*= require textile-editor
+
+h4. Usage
+
+Enable the _TextileEditor_ for your attributes via:
+
+pre. <%= textile_editor :content %>
+
+Initialize the _TextileEditor_ afterwards via:
+
+pre. <%= textile_editor_initialize %>
+
+h4. Links
+
+p(. "redcloth.org":http://redcloth.org
+"textile_editor_helper (original)":http://slatecms.wvu.edu/open_source
+"textile_editor_helper (upadated for rails 3)":https://github.com/ryanfelton/textile-editor-helper
+"more info on textile":http://www.textism.com/tools/textile/

data/Rakefile

@@ -0,0 +1,8 @@
+require 'rake/testtask'
+require 'RedCloth'
+
+Rake::TestTask.new do |test|
+  test.pattern   = 'test/**/*_test.rb'
+  test.libs     << 'test'
+end
+ 

data/app/assets/javascripts/textile-editor-config.js.coffee.erb

@@ -0,0 +1,23 @@
+TextileEditor.setButtons(
+    [
+        new TextileEditorButton("ed_strong",     "<%= asset_path('textile-editor/bold.png') %>",           "*",    "*",  "b", "Bold", "s"),
+        new TextileEditorButton("ed_emphasis",   "<%= asset_path('textile-editor/italic.png') %>",         "_",    "_",  "i", "Italicize", "s"),
+        new TextileEditorButton("ed_underline",  "<%= asset_path('textile-editor/underline.png') %>",      "+",    "+",  "u", "Underline", "s"),
+        new TextileEditorButton("ed_strike",     "<%= asset_path('textile-editor/strikethrough.png') %>",  "-",    "-",  "s", "Strikethrough", "s"),
+        new TextileEditorButton("ed_ol",         "<%= asset_path('textile-editor/list_numbers.png') %>",   " # ",  "\n", ",", "Numbered List"),
+        new TextileEditorButton("ed_ul",         "<%= asset_path('textile-editor/list_bullets.png') %>",   " * ",  "\n", ".", "Bulleted List"),
+        new TextileEditorButton("ed_p",          "<%= asset_path('textile-editor/paragraph.png') %>",      "p",    "\n", "p", "Paragraph"),
+        new TextileEditorButton("ed_h1",         "<%= asset_path('textile-editor/h1.png') %>",             "h1",   "\n", "1", "Header 1"),
+        new TextileEditorButton("ed_h2",         "<%= asset_path('textile-editor/h2.png') %>",             "h2",   "\n", "2", "Header 2"),
+        new TextileEditorButton("ed_h3",         "<%= asset_path('textile-editor/h3.png') %>",             "h3",   "\n", "3", "Header 3"),
+        new TextileEditorButton("ed_h4",         "<%= asset_path('textile-editor/h4.png') %>",             "h4",   "\n", "4", "Header 4"),
+        new TextileEditorButton("ed_block",      "<%= asset_path('textile-editor/blockquote.png') %>",     "bq",   "\n", "q", "Blockquote"),
+        new TextileEditorButton("ed_outdent",    "<%= asset_path('textile-editor/outdent.png') %>",        ")",    "\n", "]", "Outdent"),
+        new TextileEditorButton("ed_indent",     "<%= asset_path('textile-editor/indent.png') %>",         "(",    "\n", "[", "Indent"),
+        new TextileEditorButton("ed_justifyl",   "<%= asset_path('textile-editor/left.png') %>",           "<",    "\n", "l", "Left Justify"),
+        new TextileEditorButton("ed_justifyc",   "<%= asset_path('textile-editor/center.png') %>",         "=",    "\n", "e", "Center Text"),
+        new TextileEditorButton("ed_justifyr",   "<%= asset_path('textile-editor/right.png') %>",          ">",    "\n", "r", "Right Justify"),
+        new TextileEditorButton("ed_justify",    "<%= asset_path('textile-editor/justify.png') %>",        "<>",   "\n", "j", "Justify"),
+        # new TextileEditorButton('ed_code','code','@','@','c','Code')
+    ]    
+)

data/app/assets/javascripts/textile-editor.js.coffee

@@ -0,0 +1,521 @@
+#Textile Editor v0.2
+#created by: dave olsen, wvu web services
+#created on: march 17, 2007
+#project page: slateinfo.blogs.wvu.edu
+#
+#inspired by:
+# - Patrick Woods, http://www.hakjoon.com/code/38/textile-quicktags-redirect &
+# - Alex King, http://alexking.org/projects/js-quicktags
+#
+#features:
+# - supports: IE7, FF2, Safari2
+# - ability to use "simple" vs. "extended" editor
+# - supports all block elements in textile except footnote
+# - supports all block modifier elements in textile
+# - supports simple ordered and unordered lists
+# - supports most of the phrase modifiers, very easy to add the missing ones
+# - supports multiple-paragraph modification
+# - can have multiple "editors" on one page, access key use in this environment is flaky
+# - access key support
+# - select text to add and remove tags, selection stays highlighted
+# - seamlessly change between tags and modifiers
+# - doesn't need to be in the body onload tag
+# - can supply your own, custom IDs for the editor to be drawn around
+#
+#todo:
+# - a clean way of providing image and link inserts
+# - get the selection to properly show in IE
+#
+#more on textile:
+# - Textism, http://www.textism.com/tools/textile/index.php
+# - Textile Reference, http://hobix.com/textile/
+
+
+class TextileEditorButton
+
+  constructor: (id, display, tagStart, tagEnd, access, title, sve, open) ->
+    @id       = id        # used to name the toolbar button
+    @display  = display   # label on button
+    @tagStart = tagStart  # open tag
+    @tagEnd   = tagEnd    # close tag
+    @access   = access    # set to -1 if tag does not need to be closed
+    @title    = title     # sets the title attribute of the button to give 'tool tips'
+    @sve      = sve       # sve = simple vs. extended. add an 's' to make it show up in the simple toolbar
+    @open     = open      # set to -1 if tag does not need to be closed
+    @standard = true      # this is a standard button
+    # this.framework = 'prototype'; // the JS framework used
+
+window.TextileEditorButton = TextileEditorButton
+
+
+class TextileEditorButtonSeparator
+
+  constructor: (sve) ->
+    @separator = true
+    @sve = sve
+
+window.TextileEditorButtonSeparator = TextileEditorButtonSeparator
+
+class TextileEditor
+
+  @setButtons: (buttons) ->
+    TextileEditor.buttons = buttons
+
+  @addButton: (button) ->
+    @getButtons().push(button)
+
+  @getButtons: () ->
+    TextileEditor.buttons || new Array()
+
+  constructor: (canvas, view) ->
+
+    toolbar = document.createElement("div")
+    toolbar.id = "textile-toolbar-" + canvas
+    toolbar.className = "textile-toolbar"
+    @canvas = document.getElementById(canvas)
+    @canvas.parentNode.insertBefore toolbar, @canvas
+    @openTags = new Array()
+
+    # Create the local Button array by assigning theButtons array to edButtons
+    edButtons = new Array()
+    edButtons = TextileEditor.getButtons()
+    standardButtons = new Array()
+    i = 0
+
+    while i < edButtons.length
+      thisButton = @prepareButton(edButtons[i])
+      if view is "s"
+        if edButtons[i].sve is "s"
+          toolbar.appendChild thisButton
+          standardButtons.push thisButton
+      else
+        if typeof thisButton is "string"
+          toolbar.innerHTML += thisButton
+        else
+          toolbar.appendChild thisButton
+          standardButtons.push thisButton
+      i++
+    # end for
+    te = this
+    buttons = toolbar.getElementsByTagName("button")
+    i = 0
+
+    while i < buttons.length
+
+      #$A(toolbar.getElementsByTagName('button')).each(function(button) {
+      unless buttons[i].onclick
+        buttons[i].onclick = ->
+          te.insertTag this
+          false
+      # end if
+      buttons[i].tagStart = buttons[i].getAttribute("tagStart")
+      buttons[i].tagEnd = buttons[i].getAttribute("tagEnd")
+      buttons[i].open = buttons[i].getAttribute("open")
+      buttons[i].textile_editor = te
+      buttons[i].canvas = te.canvas
+      i++
+
+  # draw individual buttons (edShowButton)
+  prepareButton: (button) ->
+    if button.separator
+      theButton = document.createElement("span")
+      theButton.className = "ed_sep"
+      return theButton
+    if button.standard
+      theButton = document.createElement("button")
+      theButton.id = button.id
+      theButton.setAttribute "class", "standard"
+      theButton.setAttribute "tagStart", button.tagStart
+      theButton.setAttribute "tagEnd", button.tagEnd
+      theButton.setAttribute "open", button.open
+      img = document.createElement("img")
+      img.src = button.display
+      theButton.appendChild img
+    else
+      return button
+    # end if !custom
+    theButton.accessKey = button.access
+    theButton.title = button.title
+    theButton
+
+  # if clicked, no selected text, tag not open highlight button
+  # (edAddTag)
+  addTag: (button) ->
+    unless button.tagEnd is ""
+      @openTags[@openTags.length] = button
+
+      #var el = document.getElementById(button.id);
+      #el.className = 'selected';
+      button.className = "selected"
+
+  # if clicked, no selected text, tag open lowlight button
+  # (edRemoveTag)
+  removeTag: (button) ->
+    i = 0
+    while i < @openTags.length
+      if @openTags[i] is button
+        @openTags.splice button, 1
+
+        #var el = document.getElementById(button.id);
+        #el.className = 'unselected';
+        button.className = "unselected"
+      i++
+
+  # see if there are open tags. for the remove tag bit...
+  # (edCheckOpenTags)
+  checkOpenTags: (button) ->
+    tag = 0
+    i = 0
+    while i < @openTags.length
+      tag++  if @openTags[i] is button
+      i++
+    if tag > 0
+      true # tag found
+    else
+      false # tag not found
+
+  # insert the tag. this is the bulk of the code.
+  # (edInsertTag)
+  insertTag: (button, tagStart, tagEnd) ->
+
+    #console.log(button);
+    myField = button.canvas
+    myField.focus()
+    if tagStart
+      button.tagStart = tagStart
+      button.tagEnd = (if tagEnd then tagEnd else "\n")
+    textSelected = false
+    finalText = ""
+    FF = false
+
+    # grab the text that's going to be manipulated, by browser
+    if document.selection # IE support
+      sel = document.selection.createRange()
+
+      # set-up the text vars
+      beginningText = ""
+      followupText = ""
+      selectedText = sel.text
+
+      # check if text has been selected
+      textSelected = true  if sel.text.length > 0
+
+      # set-up newline regex's so we can swap tags across multiple paragraphs
+      newlineReplaceRegexClean = /\r\n\s\n/g
+      newlineReplaceRegexDirty = "\\r\\n\\s\\n"
+      newlineReplaceClean = "\r\n\n"
+    else if myField.selectionStart or myField.selectionStart is "0" # MOZ/FF/NS/S support
+
+      # figure out cursor and selection positions
+      startPos = myField.selectionStart
+      endPos = myField.selectionEnd
+      cursorPos = endPos
+      scrollTop = myField.scrollTop
+      FF = true # note that is is a FF/MOZ/NS/S browser
+
+      # set-up the text vars
+      beginningText = myField.value.substring(0, startPos)
+      followupText = myField.value.substring(endPos, myField.value.length)
+
+      # check if text has been selected
+      unless startPos is endPos
+        textSelected = true
+        selectedText = myField.value.substring(startPos, endPos)
+
+      # set-up newline regex's so we can swap tags across multiple paragraphs
+      newlineReplaceRegexClean = /\n\n/g
+      newlineReplaceRegexDirty = "\\n\\n"
+      newlineReplaceClean = "\n\n"
+
+    # if there is text that has been highlighted...
+    if textSelected
+
+      # set-up some defaults for how to handle bad new line characters
+      newlineStart = ""
+      newlineStartPos = 0
+      newlineEnd = ""
+      newlineEndPos = 0
+      newlineFollowup = ""
+
+      # set-up some defaults for how to handle placing the beginning and end of selection
+      posDiffPos = 0
+      posDiffNeg = 0
+      mplier = 1
+
+      # remove newline from the beginning of the selectedText.
+      if selectedText.match(/^\n/)
+        selectedText = selectedText.replace(/^\n/, "")
+        newlineStart = "\n"
+        newlineStartpos = 1
+
+      # remove newline from the end of the selectedText.
+      if selectedText.match(/\n$/g)
+        selectedText = selectedText.replace(/\n$/g, "")
+        newlineEnd = "\n"
+        newlineEndPos = 1
+
+      # no clue, i'm sure it made sense at the time i wrote it
+      if followupText.match(/^\n/)
+        newlineFollowup = ""
+      else
+        newlineFollowup = "\n\n"
+
+      # first off let's check if the user is trying to mess with lists
+      if (button.tagStart is " * ") or (button.tagStart is " # ")
+        listItems = 0 # sets up a default to be able to properly manipulate final selection
+
+        # set-up all of the regex's
+        re_start = new RegExp("^ (\\*|\\#) ", "g")
+        if button.tagStart is " # "
+          re_tag = new RegExp(" \\# ", "g") # because of JS regex stupidity i need an if/else to properly set it up, could have done it with a regex replace though
+        else
+          re_tag = new RegExp(" \\* ", "g")
+        re_replace = new RegExp(" (\\*|\\#) ", "g")
+
+        # try to remove bullets in text copied from ms word **Mac Only!**
+        re_word_bullet_m_s = new RegExp("• ", "g") # mac/safari
+        re_word_bullet_m_f = new RegExp("∑ ", "g") # mac/firefox
+        selectedText = selectedText.replace(re_word_bullet_m_s, "").replace(re_word_bullet_m_f, "")
+
+        # if the selected text starts with one of the tags we're working with...
+        if selectedText.match(re_start)
+
+          # if tag that begins the selection matches the one clicked, remove them all
+          if selectedText.match(re_tag)
+            finalText = beginningText + newlineStart + selectedText.replace(re_replace, "") + newlineEnd + followupText
+            listItems = matches.length  if matches = selectedText.match(RegExp(" (\\*|\\#) ", "g"))
+            posDiffNeg = listItems * 3 # how many list items were there because that's 3 spaces to remove from final selection
+
+          # else replace the current tag type with the selected tag type
+          else
+            finalText = beginningText + newlineStart + selectedText.replace(re_replace, button.tagStart) + newlineEnd + followupText
+
+        # else try to create the list type
+        # NOTE: the items in a list will only be replaced if a newline starts with some character, not a space
+        else
+          finalText = beginningText + newlineStart + button.tagStart + selectedText.replace(newlineReplaceRegexClean, newlineReplaceClean + button.tagStart).replace(/\n(\S)/g, "\n" + button.tagStart + "$1") + newlineEnd + followupText
+          listItems = matches.length  if matches = selectedText.match(/\n(\S)/g)
+          posDiffPos = 3 + listItems * 3
+
+      # now lets look and see if the user is trying to muck with a block or block modifier
+      else if button.tagStart.match(/^(h1|h2|h3|h4|h5|h6|bq|p|\>|\<\>|\<|\=|\(|\))/g)
+        insertTag = ""
+        insertModifier = ""
+        tagPartBlock = ""
+        tagPartModifier = ""
+        tagPartModifierOrig = "" # ugly hack but it's late
+        drawSwitch = ""
+        captureIndentStart = false
+        captureListStart = false
+        periodAddition = "\\. "
+        periodAdditionClean = ". "
+        listItemsAddition = 0
+        re_list_items = new RegExp("(\\*+|\\#+)", "g") # need this regex later on when checking indentation of lists
+        re_block_modifier = new RegExp("^(h1|h2|h3|h4|h5|h6|bq|p| [\\*]{1,} | [\\#]{1,} |)(\\>|\\<\\>|\\<|\\=|[\\(]{1,}|[\\)]{1,6}|)", "g")
+        if tagPartMatches = re_block_modifier.exec(selectedText)
+          tagPartBlock = tagPartMatches[1]
+          tagPartModifier = tagPartMatches[2]
+          tagPartModifierOrig = tagPartMatches[2]
+          tagPartModifierOrig = tagPartModifierOrig.replace(/\(/g, "\\(")
+
+        # if tag already up is the same as the tag provided replace the whole tag
+        if tagPartBlock is button.tagStart
+          insertTag = tagPartBlock + tagPartModifierOrig # use Orig because it's escaped for regex
+          drawSwitch = 0
+
+        # else if let's check to add/remove block modifier
+        else if (tagPartModifier is button.tagStart) or (newm = tagPartModifier.match(/[\(]{2,}/g))
+          if (button.tagStart is "(") or (button.tagStart is ")")
+            indentLength = tagPartModifier.length
+            if button.tagStart is "("
+              indentLength = indentLength + 1
+            else
+              indentLength = indentLength - 1
+            i = 0
+
+            while i < indentLength
+              insertModifier = insertModifier + "("
+              i++
+            insertTag = tagPartBlock + insertModifier
+          else
+            if button.tagStart is tagPartModifier
+              insertTag = tagPartBlock
+            # going to rely on the default empty insertModifier
+            else
+              if button.tagStart.match(/(\>|\<\>|\<|\=)/g)
+                insertTag = tagPartBlock + button.tagStart
+              else
+                insertTag = button.tagStart + tagPartModifier
+          drawSwitch = 1
+
+        # indentation of list items
+        else if listPartMatches = re_list_items.exec(tagPartBlock)
+          listTypeMatch = listPartMatches[1]
+          indentLength = tagPartBlock.length - 2
+          listInsert = ""
+          if button.tagStart is "("
+            indentLength = indentLength + 1
+          else
+            indentLength = indentLength - 1
+          if listTypeMatch.match(/[\*]{1,}/g)
+            listType = "*"
+            listReplace = "\\*"
+          else
+            listType = "#"
+            listReplace = "\\#"
+          i = 0
+
+          while i < indentLength
+            listInsert = listInsert + listType
+            i++
+          unless listInsert is ""
+            insertTag = " " + listInsert + " "
+          else
+            insertTag = ""
+          tagPartBlock = tagPartBlock.replace(/(\*|\#)/g, listReplace)
+          drawSwitch = 1
+          captureListStart = true
+          periodAddition = ""
+          periodAdditionClean = ""
+          listItemsAddition = matches.length  if matches = selectedText.match(/\n\s/g)
+
+        # must be a block modification e.g. p>. to p<.
+        else
+
+          # if this is a block modification/addition
+          if button.tagStart.match(/(h1|h2|h3|h4|h5|h6|bq|p)/g)
+            if tagPartBlock is ""
+              drawSwitch = 2
+            else
+              drawSwitch = 1
+            insertTag = button.tagStart + tagPartModifier
+
+          # else this is a modifier modification/addition
+          else
+            if (tagPartModifier is "") and (tagPartBlock isnt "")
+              drawSwitch = 1
+            else if tagPartModifier is ""
+              drawSwitch = 2
+            else
+              drawSwitch = 1
+
+            # if no tag part block but a modifier we need at least the p tag
+            tagPartBlock = "p"  if tagPartBlock is ""
+
+            #make sure to swap out outdent
+            if button.tagStart is ")"
+              tagPartModifier = ""
+            else
+              tagPartModifier = button.tagStart
+              captureIndentStart = true # ugly hack to fix issue with proper selection handling
+            insertTag = tagPartBlock + tagPartModifier
+        mplier = 0
+        if captureListStart or (tagPartModifier.match(/[\(\)]{1,}/g))
+          re_start = new RegExp(insertTag.escape + periodAddition, "g") # for tags that mimic regex properties, parens + list tags
+        else
+          re_start = new RegExp(insertTag + periodAddition, "g") # for tags that don't, why i can't just escape everything i have no clue
+        re_old = new RegExp(tagPartBlock + tagPartModifierOrig + periodAddition, "g")
+        re_middle = new RegExp(newlineReplaceRegexDirty + insertTag.escape + periodAddition.escape, "g")
+        re_tag = new RegExp(insertTag.escape + periodAddition.escape, "g")
+
+        # *************************************************************************************************************************
+        # this is where everything gets swapped around or inserted, bullets and single options have their own if/else statements
+        # *************************************************************************************************************************
+        if (drawSwitch is 0) or (drawSwitch is 1)
+          if drawSwitch is 0 # completely removing a tag
+            finalText = beginningText + newlineStart + selectedText.replace(re_start, "").replace(re_middle, newlineReplaceClean) + newlineEnd + followupText
+            mplier = mplier + matches.length  if matches = selectedText.match(newlineReplaceRegexClean)
+            posDiffNeg = insertTag.length + 2 + (mplier * 4)
+          else # modifying a tag, though we do delete bullets here
+            finalText = beginningText + newlineStart + selectedText.replace(re_old, insertTag + periodAdditionClean) + newlineEnd + followupText
+            mplier = mplier + matches.length  if matches = selectedText.match(newlineReplaceRegexClean)
+
+            # figure out the length of various elements to modify the selection position
+            if captureIndentStart # need to double-check that this wasn't the first indent
+              tagPreviousLength = tagPartBlock.length
+              tagCurrentLength = insertTag.length
+            else if captureListStart # if this is a list we're manipulating
+              if button.tagStart is "(" # if indenting
+                tagPreviousLength = listTypeMatch.length + 2
+                tagCurrentLength = insertTag.length + listItemsAddition
+              else if insertTag.match(/(\*|\#)/g) # if removing but still has bullets
+                tagPreviousLength = insertTag.length + listItemsAddition
+                tagCurrentLength = listTypeMatch.length
+              else # if removing last bullet
+                tagPreviousLength = insertTag.length + listItemsAddition
+                tagCurrentLength = listTypeMatch.length - (3 * listItemsAddition) - 1
+            else # everything else
+              tagPreviousLength = tagPartBlock.length + tagPartModifier.length
+              tagCurrentLength = insertTag.length
+            if tagCurrentLength > tagPreviousLength
+              posDiffPos = (tagCurrentLength - tagPreviousLength) + (mplier * (tagCurrentLength - tagPreviousLength))
+            else
+              posDiffNeg = (tagPreviousLength - tagCurrentLength) + (mplier * (tagPreviousLength - tagCurrentLength))
+        else # for adding tags other then bullets (have their own statement)
+          finalText = beginningText + newlineStart + insertTag + ". " + selectedText.replace(newlineReplaceRegexClean, button.tagEnd + "\n" + insertTag + ". ") + newlineFollowup + newlineEnd + followupText
+          mplier = mplier + matches.length  if matches = selectedText.match(newlineReplaceRegexClean)
+          posDiffPos = insertTag.length + 2 + (mplier * 4)
+
+      # swap in and out the simple tags around a selection like bold
+      else
+        mplier = 1 # the multiplier for the tag length
+        re_start = new RegExp("^\\" + button.tagStart, "g")
+        re_end = new RegExp("\\" + button.tagEnd + "$", "g")
+        re_middle = new RegExp("\\" + button.tagEnd + newlineReplaceRegexDirty + "\\" + button.tagStart, "g")
+        if selectedText.match(re_start) and selectedText.match(re_end)
+          finalText = beginningText + newlineStart + selectedText.replace(re_start, "").replace(re_end, "").replace(re_middle, newlineReplaceClean) + newlineEnd + followupText
+          mplier = mplier + matches.length  if matches = selectedText.match(newlineReplaceRegexClean)
+          posDiffNeg = button.tagStart.length * mplier + button.tagEnd.length * mplier
+        else
+          finalText = beginningText + newlineStart + button.tagStart + selectedText.replace(newlineReplaceRegexClean, button.tagEnd + newlineReplaceClean + button.tagStart) + button.tagEnd + newlineEnd + followupText
+          mplier = mplier + matches.length  if matches = selectedText.match(newlineReplaceRegexClean)
+          posDiffPos = (button.tagStart.length * mplier) + (button.tagEnd.length * mplier)
+      cursorPos += button.tagStart.length + button.tagEnd.length
+
+    # just swap in and out single values, e.g. someone clicks b they'll get a *
+    else
+      buttonStart = ""
+      buttonEnd = ""
+      re_p = new RegExp("(\\<|\\>|\\=|\\<\\>|\\(|\\))", "g")
+      re_h = new RegExp("^(h1|h2|h3|h4|h5|h6|p|bq)", "g")
+      if not @checkOpenTags(button) or button.tagEnd is "" # opening tag
+        if button.tagStart.match(re_h)
+          buttonStart = button.tagStart + ". "
+        else
+          buttonStart = button.tagStart
+        if button.tagStart.match(re_p) # make sure that invoking block modifiers don't do anything
+          finalText = beginningText + followupText
+          cursorPos = startPos
+        else
+          finalText = beginningText + buttonStart + followupText
+          @addTag button
+          cursorPos = startPos + buttonStart.length
+      else # closing tag
+        if button.tagStart.match(re_p)
+          buttonEnd = "\n\n"
+        else if button.tagStart.match(re_h)
+          buttonEnd = "\n\n"
+        else
+          buttonEnd = button.tagEnd
+        finalText = beginningText + button.tagEnd + followupText
+        @removeTag button
+        cursorPos = startPos + button.tagEnd.length
+
+    # set the appropriate DOM value with the final text
+    if FF is true
+      myField.value = finalText
+      myField.scrollTop = scrollTop
+    else
+      sel.text = finalText
+
+    # build up the selection capture, doesn't work in IE
+    if textSelected
+      myField.selectionStart = startPos + newlineStartPos
+      myField.selectionEnd = endPos + posDiffPos - posDiffNeg - newlineEndPos
+
+    #alert('s: ' + myField.selectionStart + ' e: ' + myField.selectionEnd + ' sp: ' + startPos + ' ep: ' + endPos + ' pdp: ' + posDiffPos + ' pdn: ' + posDiffNeg)
+    else
+      myField.selectionStart = cursorPos
+      myField.selectionEnd = cursorPos
+
+window.TextileEditor = TextileEditor

data/app/assets/stylesheets/textile-editor.css.scss

@@ -0,0 +1,44 @@
+div.textile-toolbar {
+  span.ed_sep {
+    xposition: relative;
+    xtop: -4px;
+    padding: 0;
+    height: 6px;
+    width: 2px;
+    margin: 0 2px;
+    border-left: solid 1px #d5d5d5;
+    border-right: solid 1px #f5f5f5;
+  }
+  button {
+    margin: 0;
+    background-color: #f0f0ee;
+    background-repeat: no-repeat;
+    border: 1px solid #f0f0ee;
+    padding: 2px 0;
+    &.standard {
+      text-align: center;
+      width: 24px;
+    }
+    img {
+      vertical-align: text-bottom;
+    }
+    &:hover, &.unselected:hover {
+      border: 1px solid #999;
+    }
+    &.selected {
+      border: 1px solid #ce9100;
+      background-color: #ffffff;
+    }
+    &.unselected {
+      border: 1px solid #f0f0ee;
+      background-color: #f0f0ee;
+    }
+    &.publish {
+      padding: 5px;
+      display: block;
+    }
+  }
+  background-color: #f0f0ee;
+  padding: 3px;
+  margin-bottom: 4px;
+}

data/lib/rails/generators/textile_editor_config/USAGE

@@ -0,0 +1,11 @@
+
+Description:
+    The textile_editor_config generator creates a config file for the textile editor.
+
+Example:
+    rails generate textile_editor_config
+
+    This will create:
+        A Javascript config file located at app/assets/javascripts/textile-editor-config.js.coffee.erb
+              
+More info on textile_editor_config can be found here: https://github.com/emjot/redcloth-rails

data/lib/rails/generators/textile_editor_config/templates/textile-editor-config.js.coffee.erb

@@ -0,0 +1,23 @@
+TextileEditor.setButtons(
+    [
+        new TextileEditorButton("ed_strong",     "<%= asset_path('textile-editor/bold.png') %>",           "*",    "*",  "b", "Bold", "s"),
+        new TextileEditorButton("ed_emphasis",   "<%= asset_path('textile-editor/italic.png') %>",         "_",    "_",  "i", "Italicize", "s"),
+        new TextileEditorButton("ed_underline",  "<%= asset_path('textile-editor/underline.png') %>",      "+",    "+",  "u", "Underline", "s"),
+        new TextileEditorButton("ed_strike",     "<%= asset_path('textile-editor/strikethrough.png') %>",  "-",    "-",  "s", "Strikethrough", "s"),
+        new TextileEditorButton("ed_ol",         "<%= asset_path('textile-editor/list_numbers.png') %>",   " # ",  "\n", ",", "Numbered List"),
+        new TextileEditorButton("ed_ul",         "<%= asset_path('textile-editor/list_bullets.png') %>",   " * ",  "\n", ".", "Bulleted List"),
+        new TextileEditorButton("ed_p",          "<%= asset_path('textile-editor/paragraph.png') %>",      "p",    "\n", "p", "Paragraph"),
+        new TextileEditorButton("ed_h1",         "<%= asset_path('textile-editor/h1.png') %>",             "h1",   "\n", "1", "Header 1"),
+        new TextileEditorButton("ed_h2",         "<%= asset_path('textile-editor/h2.png') %>",             "h2",   "\n", "2", "Header 2"),
+        new TextileEditorButton("ed_h3",         "<%= asset_path('textile-editor/h3.png') %>",             "h3",   "\n", "3", "Header 3"),
+        new TextileEditorButton("ed_h4",         "<%= asset_path('textile-editor/h4.png') %>",             "h4",   "\n", "4", "Header 4"),
+        new TextileEditorButton("ed_block",      "<%= asset_path('textile-editor/blockquote.png') %>",     "bq",   "\n", "q", "Blockquote"),
+        new TextileEditorButton("ed_outdent",    "<%= asset_path('textile-editor/outdent.png') %>",        ")",    "\n", "]", "Outdent"),
+        new TextileEditorButton("ed_indent",     "<%= asset_path('textile-editor/indent.png') %>",         "(",    "\n", "[", "Indent"),
+        new TextileEditorButton("ed_justifyl",   "<%= asset_path('textile-editor/left.png') %>",           "<",    "\n", "l", "Left Justify"),
+        new TextileEditorButton("ed_justifyc",   "<%= asset_path('textile-editor/center.png') %>",         "=",    "\n", "e", "Center Text"),
+        new TextileEditorButton("ed_justifyr",   "<%= asset_path('textile-editor/right.png') %>",          ">",    "\n", "r", "Right Justify"),
+        new TextileEditorButton("ed_justify",    "<%= asset_path('textile-editor/justify.png') %>",        "<>",   "\n", "j", "Justify"),
+        new TextileEditorButton("ed_code",       "code",                                                   "@",    "@",  "c", "Code")
+    ]    
+)

data/lib/rails/generators/textile_editor_config/textile_editor_config_generator.rb

@@ -0,0 +1,9 @@
+class TextileEditorConfigGenerator < Rails::Generators::Base
+  source_root File.expand_path('../templates', __FILE__)
+
+  def copy_javascript
+    copy_file 'textile-editor-config.js.coffee.erb', 'app/assets/javascripts/textile-editor-config.js.coffee.erb'
+  end
+
+end
+ 

data/lib/redcloth-rails/engine.rb

@@ -0,0 +1,18 @@
+require File.join(File.dirname(__FILE__), 'helpers.rb')
+
+module RedCloth
+  module Rails
+
+    class Engine < ::Rails::Engine
+      initializer "redcloth-rails.action_controller" do |app|
+        ActiveSupport.on_load :action_view do
+          ActionView::Helpers::FormBuilder.send :include, RedCloth::Rails::Helpers::FormBuilder
+
+          ActionView::Base.send :include, RedCloth::Rails::Helpers::FormHelper
+          ActionView::Base.send :include, RedCloth::Rails::Helpers::FormTagHelper
+        end
+      end
+    end
+
+  end
+end

data/lib/redcloth-rails/helpers/form_builder.rb

@@ -0,0 +1,14 @@
+module RedCloth
+  module Rails
+    module Helpers
+
+      module FormBuilder
+        # @see RedCloth::Rails::Helpers::FormHelper#textile_editor
+        def textile_editor(method, options = {})
+          @template.textile_editor(@object_name, method, options.merge(:object => @object))
+        end
+      end
+
+    end
+  end
+end

data/lib/redcloth-rails/helpers/form_helper.rb

@@ -0,0 +1,137 @@
+module RedCloth
+  module Rails
+    module Helpers
+
+      module FormHelper
+        # Returns a textarea opening and closing tag set tailored for accessing a specified attribute (identified by +method+)
+        # on an object assigned to the template (identified by +object+). Additional options on the input tag can be passed as a
+        # hash with +options+ and places the textile toolbar above it
+        #
+        # @param [Symbol]   object_name   name of the model
+        # @param [Symbol]   method_name   name of the models attribute
+        # @param [Hash]     options       HTML options to customize the textarea element
+        #
+        #   Samples:
+        #   textile_editor(:post, :body, :cols => 20, :rows => 40)
+        #   # => <textarea cols="20" rows="40" id="post_body" name="post[body]">
+        #   # #{@post.body}
+        #   # </textarea>
+        #
+        #   textile_editor(:comment, :text, :size => "20x30")
+        #   # => <textarea cols="20" rows="30" id="comment_text" name="comment[text]">
+        #   # #{@comment.text}
+        #   # </textarea>
+        #
+        #   textile_editor(:application, :notes, :cols => 40, :rows => 15, :class => 'app_input')
+        #   # => <textarea cols="40" rows="15" id="application_notes" name="application[notes]" class="app_input">
+        #   # #{@application.notes}
+        #   # </textarea>
+        #
+        #   textile_editor(:entry, :body, :size => "20x20", :disabled => 'disabled')
+        #   # => <textarea cols="20" rows="20" id="entry_body" name="entry[body]" disabled="disabled">
+        #   # #{@entry.body}
+        #   # </textarea>
+        #
+        def textile_editor(object_name, method, options = {})
+          editor_id = options[:id] || '%s_%s' % [object_name, method]
+          mode      = options.delete(:simple) ? 'simple' : 'extended'
+          (@textile_editor_ids ||= []) << [editor_id.to_s, mode.to_s]
+
+          ActionView::Helpers::InstanceTag.new(object_name, method, self, options.delete(:object)).to_text_area_tag(options)
+        end
+
+        # Registers a further button on the TextileEditor toolbar.
+        # Must be called before the TextileEditor gets initialized.
+        #
+        # @param [String] text      text to display (contents of button tag, so HTML is valid as well)
+        # @param [Hash]   options   options Hash as supported by +content_tag+ helper in Rails
+        #
+        #   Example:
+        #   Add a button labeled 'Greeting' which triggers an alert dialog.
+        #
+        #   <% textile_editor_button 'Greeting', :onclick => "alert('Hello!')" %>
+        #
+        def textile_editor_button(text, options={})
+          return textile_editor_button_separator if text == :separator
+          button = content_tag(:button, text, options)
+          button = "TextileEditor.addButton(\"%s\");" % escape_javascript(button)
+          (@textile_editor_buttons ||= []) << button
+          return nil
+        end
+
+        # Registers a separator on the TextileEditor toolbar.
+        # Must be called before the TextileEditor gets initialized.
+        #
+        # @param [Hash] options
+        #
+        def textile_editor_button_separator(options={})
+          button = "TextileEditor.addButton(new TextileEditorButtonSeparator('%s'));" % (options[:simple] || '')
+          (@textile_editor_buttons ||= []) << button
+          return nil
+        end
+
+        # Initialize the TextileEditor. after the DOM was loaded.
+        #
+        # @param [Array]  dom_ids
+        # @param [Hash]   options
+        #
+        #   Sample with jQuery DOM ready event:
+        #   <script type="text/javascript">
+        #     jQuery(document).ready(function() {
+        #       TextileEditor.initialize('article_body', 'extended');
+        #       TextileEditor.initialize('article_body_excerpt', 'simple');
+        #     });
+        #   </script>
+        #
+        #   Sample for AJAX requests, the TextileEditor gets initialized without waiting for DOM.
+        #   <script type="text/javascript">
+        #     TextileEditor.initialize('article_body', 'extended');
+        #     TextileEditor.initialize('article_body_excerpt', 'simple');
+        #   </script>
+        #
+        def textile_editor_initialize(*dom_ids)
+          options = {}
+
+          # extract options from last argument if it's a hash
+          if dom_ids.last.is_a?(Hash)
+            hash = dom_ids.last.dup
+            options.merge! hash
+          end
+
+          editor_ids     = (@textile_editor_ids || []) + textile_extract_dom_ids(*dom_ids)
+          editor_buttons = (@textile_editor_buttons || [])
+          output = []
+
+          output << '<script type="text/javascript">'
+          output << '/* <![CDATA[ */'
+
+          unless request.xhr?
+            output << %{jQuery(document).ready(function($) \{}
+          end
+
+          output << editor_buttons.join("\n") if editor_buttons.any?
+
+          editor_ids.each do |editor_id, mode|
+            output << %q{new TextileEditor('%s', '%s');} % [editor_id, mode || 'extended']
+          end
+
+          unless request.xhr?
+            output << '});'
+          end
+
+          output << '/* ]]> */'
+          output << '</script>'
+          output.join("\n").html_safe
+        end
+
+        def textile_extract_dom_ids(*dom_ids)
+          hash = dom_ids.last.is_a?(Hash) ? dom_ids.pop : {}
+          hash.inject(dom_ids) do |ids, (object, fields)|
+            ids + Array(fields).map { |field| "%s_%s" % [object, field] }
+          end
+        end
+      end
+
+    end
+  end
+end

data/lib/redcloth-rails/helpers/form_tag_helper.rb

@@ -0,0 +1,49 @@
+module RedCloth
+  module Rails
+    module Helpers
+
+      module FormTagHelper
+        # Creates a text input area; use a textarea for longer text inputs such as blog posts or descriptions
+        # and includes the textile toolbar above it.
+        #
+        # @param [String] name
+        # @param [String] content
+        # @param [Hash]   options
+        # @option options [String]  :size     String to specify the column and row dimensions (e.g., "25x10").
+        # @option options [Integer] :rows     Specify the number of rows in the textarea
+        # @option options [Integer] :cols     Specify the number of columns in the textarea
+        # @option options [Boolean] :disabled If set to true, the user will not be able to use this input.
+        #
+        # Any other option (key/value pair) will be used to create HTML attributes for the tag.
+        #
+        #   Samples:
+        #   textile_editor_tag 'post'
+        #   # => <textarea id="post" name="post"></textarea>
+        #
+        #   textile_editor_tag 'bio', @user.bio
+        #   # => <textarea id="bio" name="bio">This is my biography.</textarea>
+        #
+        #   textile_editor_tag 'body', nil, :rows => 10, :cols => 25
+        #   # => <textarea cols="25" id="body" name="body" rows="10"></textarea>
+        #
+        #   textile_editor_tag 'body', nil, :size => "25x10"
+        #   # => <textarea name="body" id="body" cols="25" rows="10"></textarea>
+        #
+        #   textile_editor_tag 'description', "Description goes here.", :disabled => true
+        #   # => <textarea disabled="disabled" id="description" name="description">Description goes here.</textarea>
+        #
+        #   textile_editor_tag 'comment', nil, :class => 'comment_input'
+        #   # => <textarea class="comment_input" id="comment" name="comment"></textarea>
+        #
+        def textile_editor_tag(name, content = nil, options = {})
+          editor_id = options[:id] || name
+          mode      = options.delete(:simple) ? 'simple' : 'extended'
+          (@textile_editor_ids ||= []) << [editor_id.to_s, mode.to_s]
+
+          text_area_tag(name, content, options)
+        end
+      end
+
+    end
+  end
+end

data/lib/redcloth-rails/helpers.rb

@@ -0,0 +1,9 @@
+require File.join(File.dirname(__FILE__), 'helpers/form_builder.rb')
+require File.join(File.dirname(__FILE__), 'helpers/form_helper.rb')
+require File.join(File.dirname(__FILE__), 'helpers/form_tag_helper.rb')
+
+module RedCloth
+  module Rails
+    module Helpers; end
+  end
+end

data/lib/redcloth-rails/version.rb

@@ -0,0 +1,5 @@
+module RedCloth
+  module Rails
+    VERSION = "0.1.0"
+  end
+end

data/lib/redcloth-rails.rb

@@ -0,0 +1,15 @@
+unless defined?(RedCloth::Rails::Version)
+  require File.join(File.dirname(__FILE__), 'redcloth-rails/version.rb')
+end
+
+module RedCloth
+  module Rails
+
+    if defined?(::Rails) && ::Rails.version.to_f >= 3.1
+      require File.join(File.dirname(__FILE__), 'redcloth-rails/engine.rb')
+    else
+      raise 'Rails >= 3.1 is required'
+    end
+
+  end
+end

data/redcloth-rails.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require File.join(File.dirname(__FILE__), "lib/redcloth-rails/version.rb")
+
+Gem::Specification.new do |s|
+  s.name        = "redcloth-rails"
+  s.version     = RedCloth::Rails::VERSION
+  s.authors     = ["emjot"]
+  s.email       = ["kontakt@emjot.de"]
+  s.homepage    = "https://github.com/emjot/redcloth-rails"
+  s.summary     = %q{rails 3 engine which enables RedCloth and provides helpers for the awesome TextileEditor.}
+
+  s.add_dependency('RedCloth',  '>= 4.2.0')
+  s.add_dependency('rails',     '>= 3.1.0')
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+end

metadata

@@ -0,0 +1,138 @@
+--- !ruby/object:Gem::Specification 
+name: redcloth-rails
+version: !ruby/object:Gem::Version 
+  hash: 27
+  prerelease: false
+  segments: 
+  - 0
+  - 1
+  - 0
+  version: 0.1.0
+platform: ruby
+authors: 
+- emjot
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2013-03-04 00:00:00 +01:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: RedCloth
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 55
+        segments: 
+        - 4
+        - 2
+        - 0
+        version: 4.2.0
+  type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: rails
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 3
+        - 1
+        - 0
+        version: 3.1.0
+  type: :runtime
+  version_requirements: *id002
+description: 
+email: 
+- kontakt@emjot.de
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- Gemfile
+- LICENSE
+- README.textile
+- Rakefile
+- app/assets/images/textile-editor/background.png
+- app/assets/images/textile-editor/blockquote.png
+- app/assets/images/textile-editor/bold.png
+- app/assets/images/textile-editor/center.png
+- app/assets/images/textile-editor/h1.png
+- app/assets/images/textile-editor/h2.png
+- app/assets/images/textile-editor/h3.png
+- app/assets/images/textile-editor/h4.png
+- app/assets/images/textile-editor/h5.png
+- app/assets/images/textile-editor/h6.png
+- app/assets/images/textile-editor/indent.png
+- app/assets/images/textile-editor/italic.png
+- app/assets/images/textile-editor/justify.png
+- app/assets/images/textile-editor/left.png
+- app/assets/images/textile-editor/list_bullets.png
+- app/assets/images/textile-editor/list_numbers.png
+- app/assets/images/textile-editor/omega.png
+- app/assets/images/textile-editor/outdent.png
+- app/assets/images/textile-editor/paragraph.png
+- app/assets/images/textile-editor/right.png
+- app/assets/images/textile-editor/strikethrough.png
+- app/assets/images/textile-editor/underline.png
+- app/assets/javascripts/textile-editor-config.js.coffee.erb
+- app/assets/javascripts/textile-editor.js.coffee
+- app/assets/stylesheets/textile-editor.css.scss
+- lib/rails/generators/textile_editor_config/USAGE
+- lib/rails/generators/textile_editor_config/templates/textile-editor-config.js.coffee.erb
+- lib/rails/generators/textile_editor_config/textile_editor_config_generator.rb
+- lib/redcloth-rails.rb
+- lib/redcloth-rails/engine.rb
+- lib/redcloth-rails/helpers.rb
+- lib/redcloth-rails/helpers/form_builder.rb
+- lib/redcloth-rails/helpers/form_helper.rb
+- lib/redcloth-rails/helpers/form_tag_helper.rb
+- lib/redcloth-rails/version.rb
+- redcloth-rails.gemspec
+has_rdoc: true
+homepage: https://github.com/emjot/redcloth-rails
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: rails 3 engine which enables RedCloth and provides helpers for the awesome TextileEditor.
+test_files: []
+