added "multiline code" tag for wysiwyg editor

dmaslov · dmaslov · commit d75f13529046 · 2014-10-01T18:29:44.000+03:00
diff --git a/mdx_code_multiline.py b/mdx_code_multiline.py
@@ -0,0 +1,23 @@
+from markdown import Extension
+from markdown.util import etree
+from markdown.inlinepatterns import Pattern
+
+RE = r'\[code\](.*?)\[\/code\]'
+
+
+class MultilineCodeExtension(Extension):
+    def extendMarkdown(self, md, md_globals):
+        element = NestedElements(RE)
+        md.inlinePatterns.add('pre', element, '<not_strong')
+
+
+class NestedElements(Pattern):
+    def handleMatch(self, m):
+        el1 = etree.Element('pre')
+        el2 = etree.SubElement(el1, 'cite')
+        el2.text = m.group(2).strip()
+        return el1
+
+
+def makeExtension(configs=None):
+    return MultilineCodeExtension(configs=configs)
diff --git a/static/js/mdmagick.js b/static/js/mdmagick.js
@@ -34,7 +34,7 @@ function MDM( inputElement ) {
 
   this.activateControls = function( controlsElement ){
     var _self = this;
-    ["bold", "italic", "link", "title", "list", "quote", "code", "img", "strike", "gist"].forEach( function( actionName ){
+    ["bold", "italic", "link", "title", "list", "quote", "code", "multilineCode", "img", "strike", "gist"].forEach( function( actionName ){
       $( controlsElement ).find( ".mdm-" + actionName ).click( function( event ){ _self.action( actionName, event ) } );
     });
   };
@@ -152,6 +152,12 @@ MDM.Actions = {
     $( inputElement ).replaceSelection( "`" + selection.text + "`" );
   },
 
+  multilineCode: function( inputElement ){
+    var selection = $( inputElement ).getSelection();
+    //TODO: cut all empty lines from selection.text
+    $( inputElement ).replaceSelection( "[code]\n" + selection.text + "\n[/code]" );
+  },
+
   img: function( inputElement ){
     var link = prompt( "Image URL", "http://" );
     if(link) {
@@ -232,6 +238,7 @@ MDM.Utils = {
       "    <li class=\"mdm-title\"><a tabindex=\"-1\" title=\"height\" class=\"icon-text-height\" href=\"#mdm-title\"><span>T</span></a></li>" +
       "    <li class=\"mdm-quote\"><a tabindex=\"-1\" title=\"blockquote\" class=\"icon-comment-alt\" href=\"#mdm-quote\"><span>Q</span></a></li>" +
       "    <li class=\"mdm-code\"><a tabindex=\"-1\" title=\"code\" class=\"icon-code\" href=\"#mdm-code\"><span>C</span></a></li>" +
+      "    <li class=\"mdm-multilineCode\"><a tabindex=\"-1\" title=\"multiline-code\" class=\"icon-terminal\" href=\"#mdm-multilineCode\"><span>MLC</span></a></li>" +
       "    <li class=\"mdm-list\"><a tabindex=\"-1\" title=\"list\" class=\"icon-list-ul\" href=\"#mdm-list\"><span>l</span></a></li>" +
       "    <li class=\"mdm-link\"><a tabindex=\"-1\" title=\"link\" class=\"icon-link\" href=\"#mdm-link\"><span>a</span></a></li>" +
       "    <li class=\"mdm-img\"><a tabindex=\"-1\" title=\"img\" class=\"icon-picture\" href=\"#mdm-img\"><span>Img</span></a></li>" +
diff --git a/web.py b/web.py
@@ -5,6 +5,7 @@
 from mdx_github_gists import GitHubGistExtension
 from mdx_strike import StrikeExtension
 from mdx_quote import QuoteExtension
+from mdx_code_multiline import MultilineCodeExtension
 from werkzeug.contrib.atom import AtomFeed
 import post
 import user
@@ -18,6 +19,7 @@
 md.register_extension(GitHubGistExtension)
 md.register_extension(StrikeExtension)
 md.register_extension(QuoteExtension)
+md.register_extension(MultilineCodeExtension)
 app.config.from_object('config')
 
 
