ADD: test markdown output and doc

Author: farthinker

README.md

@@ -1,4 +1,25 @@
 simditor-markdown
 =============
 
-Add markdown editing mode for simditor.
+Add a markdown editing button for Simditor. Use [marked](https://github.com/chjj/marked) as markdown parser and [to-markdown](https://github.com/domchristie/to-markdown) as HTML to markdown converter.
+
+###Usage
+
+Reference button and dependency script on your page with Simditor:
+
+```html
+<script type="text/javascript" src="[path]/marked.js"></script>
+<script type="text/javascript" src="[path]/to-markdown.js"></script>
+<script type="text/javascript" src="[path]/simditor-markdown.js"></script>
+
+<link rel="stylesheet" href="[path]/simditor-markdown.css" media="screen" charset="utf-8" />
+```
+
+Add markdown button config when you initialize Simditor:
+
+```js
+var editor = new Simditor({
+  textarea: $('#txt-editor'),
+  toolbar: ['bold', 'italic', 'underline', 'color', '|', 'ol', 'ul', '|', 'markdown']
+});
+```

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "simditor-markdown",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "homepage": "https://github.com/farthinker/simditor-markdown",
   "authors": [
     "farthinker <farthinker@gmail.com>"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "simditor-markdown",
   "description": "Add markdown editing mode for simditor.",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "homepage": "https://github.com/farthinker/simditor-markdown",
   "author": {
     "name": "farthinker",

spec/simditor-markdown-spec.coffee

@@ -24,7 +24,7 @@ describe 'Simple markdown', ->
       .appendTo 'body'
     editor = new Simditor
       textarea: $textarea
-      toolbar: ['markdown']
+      toolbar: ['markdown', 'table']
 
   afterEach ->
     editor?.destroy()
@@ -41,10 +41,36 @@ describe 'Simple markdown', ->
     expect(editor.el.hasClass('simditor-markdown')).toBe(true)
     expect(editor.body.is('[contenteditable]')).toBe(false)
 
+    expect(button.textarea.val()).toBe('''
+Simditor 是团队协作工具 [Tower](http://tower.im) 使用的富文本编辑器。
+
+相比传统的编辑器它的特点是：
+
+*   功能精简，加载快速
+*   输出格式化的标准 HTML
+*   每一个功能都有非常优秀的使用体验
+
+兼容的浏览器：IE10+、Chrome、Firefox、Safari。
+
+<pre>this is a code snippet</pre>
+
+> First line
+
+* * *
+''')
+
   it 'should convert markdown input to html output', ->
     button = editor.toolbar.findButton 'markdown'
     button.el.mousedown()
 
     button.textarea.val '[Tower](http://tower.im)'
-    button.markdownChange()
+    button._convert()
     expect(editor.getValue()).toBe('<p><a href="http://tower.im">Tower</a></p>')
+
+    button.textarea.val '```\nvar test = 1;\n```'
+    button._convert()
+    expect(editor.getValue()).toBe('<pre><code>var test = 1;\n</code></pre>')
+
+    button.textarea.val '|123|456|789|\n|---|---|---|\n|987|654|321|'
+    button._convert()
+    expect(editor.body.find('table').length).toBe(1)

spec/simditor-markdown-spec.js

@@ -9,7 +9,7 @@
       $textarea = $('<textarea id="editor"></textarea>').val(content).appendTo('body');
       return editor = new Simditor({
         textarea: $textarea,
-        toolbar: ['markdown']
+        toolbar: ['markdown', 'table']
       });
     });
     afterEach(function() {
@@ -29,15 +29,22 @@
       button.el.mousedown();
       expect(editor.wrapper.find('.markdown-editor').length).toBe(1);
       expect(editor.el.hasClass('simditor-markdown')).toBe(true);
-      return expect(editor.body.is('[contenteditable]')).toBe(false);
+      expect(editor.body.is('[contenteditable]')).toBe(false);
+      return expect(button.textarea.val()).toBe('Simditor 是团队协作工具 [Tower](http://tower.im) 使用的富文本编辑器。\n\n相比传统的编辑器它的特点是：\n\n*   功能精简，加载快速\n*   输出格式化的标准 HTML\n*   每一个功能都有非常优秀的使用体验\n\n兼容的浏览器：IE10+、Chrome、Firefox、Safari。\n\n<pre>this is a code snippet</pre>\n\n> First line\n\n* * *');
     });
     return it('should convert markdown input to html output', function() {
       var button;
       button = editor.toolbar.findButton('markdown');
       button.el.mousedown();
       button.textarea.val('[Tower](http://tower.im)');
-      button.markdownChange();
-      return expect(editor.getValue()).toBe('<p><a href="http://tower.im">Tower</a></p>');
+      button._convert();
+      expect(editor.getValue()).toBe('<p><a href="http://tower.im">Tower</a></p>');
+      button.textarea.val('```\nvar test = 1;\n```');
+      button._convert();
+      expect(editor.getValue()).toBe('<pre><code>var test = 1;\n</code></pre>');
+      button.textarea.val('|123|456|789|\n|---|---|---|\n|987|654|321|');
+      button._convert();
+      return expect(editor.body.find('table').length).toBe(1);
     });
   });
 

src/simditor-markdown.coffee

@@ -27,13 +27,6 @@ class SimditorMarkdown extends Simditor.Button
       @textarea.on 'keyup', (e) =>
         @markdownChange()
 
-    # markedRenderer = new marked.Renderer()
-    # markedRenderer.table = (header, body) =>
-    #   console.log header
-    #   console.log body
-    # marked.setOptions
-    #   renderer: markedRenderer
-
   status: ($node) ->
     true