Fixed Panel

dist/inlineMarkdownEditor.js

@@ -10227,6 +10227,28 @@ module.exports = function defaultMarkdown(element) {
 }
 
 },{"megamark":91}],96:[function(require,module,exports){
+// split by double-newline, but preserve HTML blocks as single sections:
+module.exports = function divideIntoSections(content) {
+  var sections = [];
+  content = content.replace(/[\n]{2,}/g, "\n\n"); // manage double newlines (not sure exactly?)
+  chunkArray = content.replace(/(<(.+).*>.+<\/\2>)/g,"@@@@@@$1").split(/@@@@@@|\n\n/);
+
+  chunkArray = chunkArray.filter(function (x) {
+    return (x !== undefined && x !== '' && x.match(/\S/) !== null); // probably overzealous filtering of "empty" sections
+  });
+
+  chunkArray.forEach(function(chunk) {
+    if (chunk.match(/<\w>/)) {
+      sections.push(chunk); // it's an HTML chunk
+    } else {
+      sections = sections.concat(chunk.split("\n\n")); // split by double newline and add
+    }
+  });
+
+  return sections;
+}
+
+},{}],97:[function(require,module,exports){
 inlineMarkdownEditor = function inlineMarkdownEditor(o) {
   o.defaultMarkdown = o.defaultMarkdown || require('./defaultMarkdown.js');
   o.buildSectionForm = o.buildSectionForm || require('./buildSectionForm.js');
@@ -10239,7 +10261,8 @@ inlineMarkdownEditor = function inlineMarkdownEditor(o) {
   o.originalMarkdown = el.html();
   o.preProcessor = o.preProcessor || function(m) { return m; }
   // split by double-newline:
-  var sections = o.originalMarkdown.replace(/[\n]{2,}/g, "\n\n").split("\n\n");
+  o.divideIntoSections = o.divideIntoSections || require('./divideIntoSections.js');
+  var sections = o.divideIntoSections(o.originalMarkdown);
   var editableSections = [];
   // we also do this inside processSection, but independently track here:
   sections.forEach(function forEachSection(section, index) {
@@ -10258,7 +10281,7 @@ inlineMarkdownEditor = function inlineMarkdownEditor(o) {
 }
 module.exports = inlineMarkdownEditor;
 
-},{"./buildSectionForm.js":94,"./defaultMarkdown.js":95,"./insertEditLink.js":97,"./isEditable.js":98,"./onComplete.js":99,"./onFail.js":100,"./processSections.js":102}],97:[function(require,module,exports){
+},{"./buildSectionForm.js":94,"./defaultMarkdown.js":95,"./divideIntoSections.js":96,"./insertEditLink.js":98,"./isEditable.js":99,"./onComplete.js":100,"./onFail.js":101,"./processSections.js":103}],98:[function(require,module,exports){
 module.exports = function insertEditLink(uniqueId, el, form, onEdit, editor, o) {
   var editBtns = "";
   editBtns += "<span class='inline-edit-btns inline-edit-btns-" + uniqueId + "'>";
@@ -10283,11 +10306,11 @@ module.exports = function insertEditLink(uniqueId, el, form, onEdit, editor, o)
   });
 }
 
-},{}],98:[function(require,module,exports){
+},{}],99:[function(require,module,exports){
 module.exports = function isEditable(markdown, originalMarkdown) {
   originalMarkdown = originalMarkdown || markdown; // optional parameter for checking against original complete text
   // filter? Only p,h1-5,ul?
-  var editable = markdown.match(/</) === null; // has tags; exclueds HTML
+  var editable = markdown.match(/</) === null; // has tags; excludes HTML
   editable = editable && markdown.match(/\*\*\*\*/) === null; // no horizontal rules: ****
   editable = editable && markdown.match(/\-\-\-\-/) === null; // no horizontal rules: ----
   editable = editable && markdown !== ''; // no blanks
@@ -10296,7 +10319,7 @@ module.exports = function isEditable(markdown, originalMarkdown) {
   return editable;
 } 
 
-},{}],99:[function(require,module,exports){
+},{}],100:[function(require,module,exports){
 module.exports = function onComplete(response, markdown, html, el, uniqueId, form, o) {
   var message = form.find('.section-message');
   if (response === 200) {
@@ -10314,13 +10337,13 @@ module.exports = function onComplete(response, markdown, html, el, uniqueId, for
   }
 }
 
-},{}],100:[function(require,module,exports){
+},{}],101:[function(require,module,exports){
 module.exports = function onFail(response, uniqueId) {
   var message = $('#' + uniqueId + ' .section-message');
   message.html('There was an error -- the wiki page may have changed while you were editing; save your content in the clipboard and try refreshing the page.');
 }
 
-},{}],101:[function(require,module,exports){
+},{}],102:[function(require,module,exports){
 module.exports = function processSection(markdown, o) {
   var html,
       randomNum   = parseInt(Math.random() * 10000),
@@ -10353,6 +10376,7 @@ module.exports = function processSection(markdown, o) {
           // insert rich editor
           var editorOptions = o.editorOptions || {};
           editorOptions.textarea = $('#' + uniqueId + ' textarea')[0];
+          editorOptions.tagsModule = (editorOptions.tagsModule === true); // disable this to not require Bloodhound, unless overridden
           editor = new PL.Editor(editorOptions);
         }
         _form.find('.cancel').click(function inlineEditCancelClick(e) {
@@ -10380,8 +10404,12 @@ module.exports = function processSection(markdown, o) {
         after: after // encodeURI(after)
       })
       .done(function onComplete(result, success, xhr) {
-        // we should need fewer things here:
-        o.onComplete(xhr.status, after, html, _el, uniqueId, __form, o);
+        if (result == "false") {
+          o.onFail(result, uniqueId);
+        } else {
+          // we should need fewer things here:
+          o.onComplete(xhr.status, after, html, _el, uniqueId, __form, o);
+        }
       }).fail(function onFail(response) {
         o.onFail(response, uniqueId);
       }); // these don't work?
@@ -10391,12 +10419,12 @@ module.exports = function processSection(markdown, o) {
   }
 }
 
-},{}],102:[function(require,module,exports){
+},{}],103:[function(require,module,exports){
 module.exports = function processSections(sections, o) {
   sections.forEach(function(markdown) {
     processSection = require('./processSection.js');
     processSection(markdown, o);
   });
 }
 
-},{"./processSection.js":101}]},{},[96]);
+},{"./processSection.js":102}]},{},[97]);

examples/index.html

@@ -5,6 +5,7 @@
     <title>inline-markdown-editor</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="theme-color" content="#000"/>
     <meta http-equiv="content-type" content="text/html; charset=UTF8">
 
     <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -40,7 +41,15 @@ <h3>
 * this
 * is
 * a
-* list</div>
+* list
+
+<p>
+  <input type="text" />
+</p>
+
+(above, raw HTML blocks should be undisturbed)
+
+</div>
 
     <script>
 

examples/style.css

@@ -13,7 +13,6 @@
 }
 
 body {
-  padding: 20px;
   margin: 0 auto;
   max-width: 700px;
   background: #f8f8fa;

examples/wysiwyg.html

@@ -5,6 +5,7 @@
     <title>inline-markdown-editor</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="theme-color" content="#000"/>
     <meta http-equiv="content-type" content="text/html; charset=UTF8">
 
     <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">