Initial commit.

Author: Sealan Cronin

.gitignore

@@ -0,0 +1 @@
+.DS_Store

_config.php

@@ -0,0 +1,3 @@
+<?php
+
+define('MARKDOWN_MODULE_BASE', basename(dirname(__FILE__)));

code/extensions/MarkdownSiteTreeExtension.php

@@ -0,0 +1,46 @@
+<?php
+/**
+ * Class MarkdownSiteTreeExtension
+ *
+ * @package markdown
+ * @subpackage extensions
+ */
+class MarkdownSiteTreeExtension extends DataExtension
+{
+    private static $db = array(
+        "Content" => "Text"
+    );
+
+    /**
+     * updateCMSFields
+     * Replaces all instances of HtmlEditorField with MarkdownField.
+     *
+     * @param FieldList $fields
+     */
+    public function updateCMSFields(FieldList $fields) {
+        foreach($fields->dataFields() as $field) {
+            if($field instanceof HtmlEditorField) {
+                $markdownEditorField = new MarkdownEditorField($field->name, $field->title, 30);
+                $fields->replaceField($field->name, $markdownEditorField);
+            }
+        }
+    }
+
+    /**
+     * Content
+     * Parses Markdown to HTML.
+     *
+     * @return string Parsed HTML
+     */
+    public function Content() {
+        $content = $this->owner->Content;
+        // Replace variables with CMS content.
+        $data = $this->owner->toMap();
+        foreach ($data as $field => $value) {
+            $field = "$" . $field;
+            $content = str_replace($field, $value, $content);
+        }
+        $parser = new Parsedown();
+        return $parser->text($content);
+    }
+}

code/forms/MarkdownEditorField.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Class MarkdownField
+ *
+ * @package markdown
+ * @subpackage forms
+ */
+class MarkdownEditorField extends TextareaField
+{
+    /**
+     * @var int $rows Number of rows in textarea element.
+     */
+    protected $rows = 20;
+
+    public function FieldHolder($properties = array()) {
+        $this->extraClasses['stacked'] = 'stacked';
+
+        Requirements::css(MARKDOWN_MODULE_BASE . '/css/MarkdownEditor.css');
+
+        Requirements::javascript(MARKDOWN_MODULE_BASE . '/thirdparty/ace/ace.min.js');
+        Requirements::javascript(MARKDOWN_MODULE_BASE . '/thirdparty/ace/mode-markdown.min.js');
+        Requirements::javascript(MARKDOWN_MODULE_BASE . '/thirdparty/ace/theme-github.min.js');
+
+        Requirements::javascript(MARKDOWN_MODULE_BASE . '/javascript/MarkdownEditor.js');
+
+        return parent::FieldHolder($properties);
+    }
+}

css/MarkdownEditor.css

@@ -0,0 +1,22 @@
+.markdowneditor .middleColumn {
+    border: none;
+}
+
+.markdowneditor .markdowneditor_editor {
+	border: 1px solid #CCCCCC;
+    position: relative;
+    font-family: Monaco, "Liberation Mono", Courier, monospace;
+    z-index: 0;
+}
+
+.markdowneditor .markdowneditor_editor .ace_content {
+    line-height: normal;
+}
+
+.markdowneditor .ace_focus {
+	border: 1px solid #9a9a9a;
+	border-top-color: #808080;
+	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
+	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
+}

javascript/MarkdownEditor.js

@@ -0,0 +1,108 @@
+(function($) {
+    $.entwine('ss', function($) {
+        $('textarea.markdowneditor').entwine({
+            TextArea: null,
+            Div: null,
+            Editor: null,
+            Frame: null,            
+            SoftTabs: true,
+            onmatch: function() {
+                $(this).setFrame({
+                    width: '100%',
+                    height: $(this).height()
+                });
+                
+                $(this).setTextArea($(this));
+                $(this).hide();
+                
+                var div = $('<div id="'+$(this).attr('ID')+'_Editor" class="markdowneditor_editor"/>').css('height', $(this).getFrame().height).css('width', $(this).getFrame().width).text($(this).val());
+                div.insertAfter($(this));
+                $(this).setDiv(div);                
+                
+                var editor = ace.edit(div.get(0));
+                editor.getSession().setMode('ace/mode/markdown');
+                editor.setTheme('ace/theme/github');
+                editor.resize();
+                editor.$blockScrolling = Infinity;
+    
+                // configure
+                editor.getSession().setUseWrapMode(true);
+                editor.getSession().setWrapLimitRange(80, 80);
+
+                editor.setShowPrintMargin(true);
+                editor.renderer.setShowGutter(false);
+
+                $(this).setEditor(editor);
+                
+                var code = $(this).val();
+
+                $(this).setUseSoftTabs($(this).usesSoftTabs(code));
+                $(this).setTabSize($(this).getSoftTabs() ? $(this).guessTabSize(code):8);
+                $(this).setupFormBindings();
+
+                $(this).setupKeyBindings();
+            },
+            code: function() {
+                return $(this).getEditor().getSession().getValue();
+            },
+            setupFormBindings: function() {
+                var self=$(this);
+                $(this).getEditor().getSession().on("change", function() {
+                    self.getTextArea().val(self.code()).change();
+                });
+            },
+            setUseSoftTabs: function(val) {
+                $(this).setSoftTabs(val);
+                $(this).getEditor().getSession().setUseSoftTabs(val);
+            },
+            setTabSize: function(val) {
+                $(this).getEditor().getSession().setTabSize(val);
+            },
+            setUseWrapMode: function(val) {
+                $(this).getEditor().getSession().setUseWrapMode(val);
+            },
+            guessTabSize: function(val) {
+                var result=/^( +)[^*]/im.exec(val || $(this).code());
+                return (result ? result[1].length:2);
+            },
+            usesSoftTabs: function(val) {
+                return !/^\t/m.test(val || $(this).code());
+            },
+            setupKeyBindings: function() {
+                $(this).getEditor().commands.addCommand({
+                    name: "bold",
+                    bindKey: {
+                        win: "Ctrl-B",
+                        mac: "Command-B"
+                    },
+                    exec: function(editor) {
+                        if (editor.selection.isEmpty()) {
+                            var content = "****";
+                            
+                            editor.insert(content);
+                            editor.selection.moveCursorBy(0, -2);
+
+                            var cursor = editor.selection.getCursor();
+                            editor.selection.selectTo(cursor.row, cursor.column);
+                        } else {
+                            var content = editor.session.getTextRange(editor.getSelectionRange());
+
+                            if ("**" == content.substring(0, 2) && "**" == content.substring(content.length - 2)) {
+                                content = content.replace(/\*/g, "");
+                                editor.insert(content);
+                            } else {
+                                content = "**" + content + "**";
+                                editor.insert(content);
+                            }
+
+                            var cursor = editor.selection.getCursor();
+                            editor.selection.moveCursorBy(0, 0 - content.length);
+                            cursor = editor.selection.getCursor();
+                            editor.selection.selectTo(cursor.row, cursor.column + content.length);
+                        }
+                    }
+                });
+            }
+        });
+    });
+})(jQuery);