Fixed HTML blocks in FCB

This commit is contained in:
benweet 2013-05-10 11:50:23 +01:00
parent 27d30c64d0
commit 47ef49808c
7 changed files with 98 additions and 79 deletions

View File

@ -1 +1 @@
CACHE MANIFEST # v26 CACHE: index.html viewer.html css/main-min.css js/main-min.js js/require.js img/ajax-loader.gif img/glyphicons-halflings.png img/glyphicons-halflings-white.png img/icons.png img/stackedit-32.ico img/stackedit-promo.png NETWORK: *
CACHE MANIFEST # v27 CACHE: index.html viewer.html css/main-min.css js/main-min.js js/require.js img/ajax-loader.gif img/glyphicons-halflings.png img/glyphicons-halflings-white.png img/icons.png img/stackedit-32.ico img/stackedit-promo.png NETWORK: *

3
css/main-min.css vendored
View File

@ -5386,6 +5386,9 @@ div, span, a, ul, li, textarea, input, button {
border: 1px solid #e2e2e2 !important;
text-align: left;
}
.dropdown-menu:before {
border-bottom-color: #e2e2e2 !important;
}
input,
select,
textarea,

View File

@ -55,6 +55,10 @@ div, span, a, ul, li, textarea, input, button {
text-align: left;
}
.dropdown-menu:before {
border-bottom-color: #e2e2e2 !important;
}
input,
select,
textarea,

View File

@ -68,7 +68,7 @@
data-toggle="dropdown" title="Menu"><i
class="icon-stackedit"></i>&nbsp;&nbsp;<b class="caret"></b></button>
<ul class="dropdown-menu">
<li><a href="viewer.html"><i class="icon-fullscreen"></i>
<li><a href="viewer.html" title="Viewer"><i class="icon-fullscreen"></i>
Open in viewer</a></li>
<li><a class="action-download-md" href="#"><i
class="icon-download-alt"></i> Save as Markdown</a></li>
@ -259,7 +259,7 @@
<p class="msg-sync-list hide muted"><b>NOTE:</b> Removing a
synchronized location will not delete any file.</p>
<p class="msg-no-sync hide">"<span class="file-title"></span>" is
not synchronized.
not synchronized yet.
</p>
<p>Add a synchronized location manually:</p>
<div class="input-prepend input-append">
@ -446,7 +446,7 @@
</p>
<div id="manage-publish-list"></div>
<p class="msg-no-publish hide">"<span class="file-title"></span>"
is not published.
is not published yet.
</p>
<blockquote class="muted">
<b>NOTE:</b> You can add locations using "Publish on" sub-menu.

View File

@ -163,28 +163,31 @@
// Each call to init creates a new instance of Markdown.Extra so it's
// safe to have multiple converters, with different options, on a single page
var extra = new Markdown.Extra();
var transformations = [];
var postNormalizationTransformations = [];
var preBlockGamutTransformations = [];
options = options || {};
options.extensions = options.extensions || ["all"];
if (contains(options.extensions, "all")) {
transformations.push("all");
extra.attributeBlocks = true;
} else {
if (contains(options.extensions, "tables"))
transformations.push("tables");
if (contains(options.extensions, "fenced_code_gfm"))
transformations.push("fencedCodeBlocks");
if (contains(options.extensions, "def_list"))
transformations.push("definitionLists");
if (contains(options.extensions, "attr_list"))
if (contains(options.extensions, "all"))
options.extensions = ["tables", "fenced_code_gfm", "def_list", "attr_list"];
if (contains(options.extensions, "tables"))
preBlockGamutTransformations.push("tables");
if (contains(options.extensions, "fenced_code_gfm"))
postNormalizationTransformations.push("fencedCodeBlocks");
if (contains(options.extensions, "def_list"))
preBlockGamutTransformations.push("definitionLists");
if (contains(options.extensions, "attr_list"))
extra.attributeBlocks = true;
}
converter.hooks.chain("postNormalization", function(text) {
return extra.doTransform(postNormalizationTransformations, text);
});
// preBlockGamut also gives us access to a hook so we can run the
// block gamut recursively, however we don't need it at this point
converter.hooks.chain("preBlockGamut", function(text) {
return extra.doConversion(transformations, text);
return extra.doConversion(preBlockGamutTransformations, text);
});
converter.hooks.chain("postConversion", function(text) {
@ -209,17 +212,25 @@
return extra;
};
// Do transformations
Markdown.Extra.prototype.doTransform = function(transformations, text) {
if (this.attributeBlocks)
text = this.hashFcbAttributeBlocks(text);
for(var i = 0; i < transformations.length; i++)
text = this[transformations[i]](text);
return text + '\n';
};
// Setup state vars, do conversion
Markdown.Extra.prototype.doConversion = function(transformations, text) {
text = processEscapes(text);
if (this.attributeBlocks)
text = this.hashAttributeBlocks(text);
text = this.hashHeaderAttributeBlocks(text);
for(var i = 0; i < transformations.length; i++)
text = this[transformations[i]](text);
return text + '\n';
return this.doTransform(transformations, text);
};
// Clear state vars that may use unnecessary memory. Unhash blocks we
@ -256,25 +267,40 @@
* Attribute Blocks *
*****************************************************************/
// Extract attribute blocks, move them above the element they will be
// Extract headers attribute blocks, move them above the element they will be
// applied to, and hash them for later.
Markdown.Extra.prototype.hashAttributeBlocks = function(text) {
Markdown.Extra.prototype.hashHeaderAttributeBlocks = function(text) {
// TODO: use sentinels. Should we just add/remove them in doConversion?
// TODO: better matches for id / class attributes
var attrBlock = "\\{\\s*[.|#][^}]+\\}";
var hdrAttributesA = new RegExp("^(#{1,6}.*#{0,6})\\s+(" + attrBlock + ")[ \\t]*(\\n|0x03)", "gm");
var hdrAttributesB = new RegExp("^(.*)\\s+(" + attrBlock + ")[ \\t]*\\n" +
"(?=[\\-|=]+\\s*(\\n|0x03))", "gm"); // underline lookahead
var self = this;
function attributeCallback(wholeMatch, pre, attr) {
return '<p>~XX' + (self.hashBlocks.push(attr) - 1) + 'XX</p>\n' + pre + "\n";
}
text = text.replace(hdrAttributesA, attributeCallback); // ## headers
text = text.replace(hdrAttributesB, attributeCallback); // underline headers
return text;
};
// Extract FCB attribute blocks, move them above the element they will be
// applied to, and hash them for later.
Markdown.Extra.prototype.hashFcbAttributeBlocks = function(text) {
// TODO: use sentinels. Should we just add/remove them in doConversion?
// TODO: better matches for id / class attributes
var attrBlock = "\\{\\s*[.|#][^}]+\\}";
var hdrAttributesA = new RegExp("^(#{1,6}.*#{0,6})\\s+(" + attrBlock + ")[ \\t]*(\\n|0x03)", "gm");
var hdrAttributesB = new RegExp("^(.*)\\s+(" + attrBlock + ")[ \\t]*\\n" +
"(?=[\\-|=]+\\s*(\\n|0x03))", "gm"); // underline lookahead
var attrBlock = "\\{\\s*[.|#][^}]+\\}";
var fcbAttributes = new RegExp("^(```[^{]*)\\s+(" + attrBlock + ")[ \\t]*\\n" +
"(?=([\\s\\S]*?)\\n```\\s*(\\n|0x03))", "gm");
var self = this;
function attributeCallback(wholeMatch, pre, attr) {
return '<p>~XX' + (self.hashBlocks.push(attr) - 1) + 'XX</p>\n' + pre + "\n";
}
var self = this;
function attributeCallback(wholeMatch, pre, attr) {
return '<p>~XX' + (self.hashBlocks.push(attr) - 1) + 'XX</p>\n' + pre + "\n";
}
text = text.replace(hdrAttributesA, attributeCallback); // ## headers
text = text.replace(hdrAttributesB, attributeCallback); // underline headers
return text.replace(fcbAttributes, attributeCallback);
};
@ -467,13 +493,6 @@
return text;
};
Markdown.Extra.prototype.all = function(text) {
text = this.tables(text);
text = this.fencedCodeBlocks(text);
text = this.definitionLists(text);
return text;
};
/******************************************************************
* Definition Lists *

View File

@ -65,7 +65,7 @@ define(
// Useful function for input control
function inputError(element, event) {
element.stop(true, true).addClass("error").delay(400).switchClass("error");
element.stop(true, true).addClass("error").delay(800).switchClass("error");
if(event !== undefined) {
event.stopPropagation();
}
@ -370,7 +370,7 @@ define(
var editorScrollTop = editorElt.scrollTop();
var previewElt = $("#wmd-preview");
var previewScrollTop = previewElt.scrollTop();
function animate(srcScrollTop, srcSectionList, destElt, destSectionList) {
function animate(srcScrollTop, srcSectionList, destElt, destSectionList, callback) {
// Find the section corresponding to the offset
var sectionIndex = undefined;
var srcSection = _.find(srcSectionList, function(section, index) {
@ -385,19 +385,22 @@ define(
var destSection = destSectionList[sectionIndex];
var destScrollTop = destSection.startOffset + destSection.height * posInSection;
destScrollTop = _.min([destScrollTop, destElt.prop('scrollHeight') - destElt.outerHeight()]);
destElt.animate({scrollTop: destScrollTop}, 800, function() {
lastEditorScrollTop = editorElt.scrollTop();
lastPreviewScrollTop = previewElt.scrollTop();
});
destElt.animate({scrollTop: destScrollTop}, 600, callback);
return destScrollTop;
}
if(Math.abs(editorScrollTop - lastEditorScrollTop) > 5) {
previewScrollTop = animate(editorScrollTop, mdSectionList, previewElt, htmlSectionList);
lastEditorScrollTop = editorScrollTop;
previewScrollTop = animate(editorScrollTop, mdSectionList, previewElt, htmlSectionList, function() {
lastPreviewScrollTop = previewElt.scrollTop();
});
}
else if(Math.abs(previewScrollTop - lastPreviewScrollTop) > 5) {
editorScrollTop = animate(previewScrollTop, htmlSectionList, editorElt, mdSectionList);
lastPreviewScrollTop = previewScrollTop;
editorScrollTop = animate(previewScrollTop, htmlSectionList, editorElt, mdSectionList, function() {
lastEditorScrollTop = editorElt.scrollTop();
});
}
}, 1000);
}, 600);
// Create the layout
var layout = undefined;

18
js/main-min.js vendored

File diff suppressed because one or more lines are too long