xobs/lca2019-talk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add attributes extracted from an attribute.

Browse Source 
Allows to add attributes to element of an attribute which contains
the attribute pattern.
This commit is contained in:
VonC 2013-10-26 21:34:11 +02:00
parent d20760f40d
commit 28198b2ff0
1 changed files with 45 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
plugin/markdown/markdown.js
View File

@ -268,39 +268,61 @@
} }
/**
* Check if a node value has the attributes pattern.
* If yes, extract it and add that value as one or several attributes
* the the terget element.
*
* You need Cache Killer on Chrome to see the effect on any FOM transformation
* directly on refresh (F5)
* http://stackoverflow.com/questions/5690269/disabling-chrome-cache-for-website-development/7000899#answer-11786277
*/
function addAttributeInElement(node, elementTarget){
var mardownClassesInElementsRegex = new RegExp( "{\\\.\s*?([^}]+?)}", 'mg' );
var mardownClassRegex = new RegExp( "([^\"= ]+?)=\"([^\"=]+?)\"", 'mg' );
var nodeValue = node.nodeValue;
if ( matches = mardownClassesInElementsRegex.exec( nodeValue ) ) {
var classes = matches[1];
console.log("'" + classes + "'");
nodeValue = nodeValue.substring(0,matches.index) + nodeValue.substring(mardownClassesInElementsRegex.lastIndex) + "ee";
console.log("'" + nodeValue + "'");
node.nodeValue = nodeValue;
console.log("'" + elementTarget.tagName + "'");
while( matchesClass = mardownClassRegex.exec( classes ) ) {
console.log("attr='" + matchesClass[1] + "'='" + matchesClass[2] + "'");
elementTarget.setAttribute(matchesClass[1], matchesClass[2]);
console.log("=>'" + elementTarget.attributes[matchesClass[1]].nodeValue + "'");
}
}
}
/** /**
* Add classes to the parent element of a text node * Add classes to the parent element of a text node
* From http://stackoverflow.com/questions/9178174/find-all-text-nodes * From http://stackoverflow.com/questions/9178174/find-all-text-nodes
*/ */
function addClasses(element) function addAttributes(element)
{ {
var mardownClassesInElementsRegex = new RegExp( "{\\\.\s*?([^}]+?)}", 'mg' );
var mardownClassRegex = new RegExp( "([^\"= ]+?)=\"([^\"=]+?)\"", 'mg' );
if ( element.childNodes.length > 0 ) { if ( element.childNodes.length > 0 ) {
for (var i = 0; i < element.childNodes.length; i++) { for (var i = 0; i < element.childNodes.length; i++) {
addClasses(element.childNodes[i]); addAttributes(element.childNodes[i]);
} }
} }
var nodeValue;
if (element.nodeType == Node.TEXT_NODE && /\S/.test(element.nodeValue)) { var elementTarget;
if ( element.nodeType == Node.TEXT_NODE && /\S/.test(element.nodeValue) ) {
var nodeValue = element.nodeValue; addAttributeInElement(element, element.parentNode);
if ( matches = mardownClassesInElementsRegex.exec( nodeValue ) ) { }
if ( element.nodeType == Node.ELEMENT_NODE && element.attributes.length > 0 ) {
var classes = matches[1]; console.log("Element '" + element.tagName + "' has " + element.attributes.length + " attributes");
console.log("'" + classes + "'"); for (iattr=0; iattr<element.attributes.length; iattr++){
nodeValue = nodeValue.substring(0,matches.index) + nodeValue.substring(mardownClassesInElementsRegex.lastIndex) + "ee"; var attr = element.attributes[iattr];
console.log("'" + nodeValue + "'"); console.log("Check attr '" + attr + "', name='" + attr.name + "'='" + attr.value + "'");
element.nodeValue = nodeValue; addAttributeInElement(attr, element)
console.log("'" + element.parentNode.tagName + "'");
while( matchesClass = mardownClassRegex.exec( classes ) ) {
console.log("attr='" + matchesClass[1] + "'='" + matchesClass[2] + "'");
element.parentNode.setAttribute(matchesClass[1], matchesClass[2]);
console.log("=>'" + element.parentNode.attributes[matchesClass[1]].nodeValue + "'");
}
} }
console.log("<== Element '" + element.tagName + "' had " + element.attributes.length + " attributes");
} }
} }
@ -325,7 +347,7 @@
var markdown = getMarkdownFromSlide( section ); var markdown = getMarkdownFromSlide( section );
section.innerHTML = marked( markdown ); section.innerHTML = marked( markdown );
addClasses(section); addAttributes(section);
// If there were notes, we need to re-add them after // If there were notes, we need to re-add them after
// having overwritten the section's HTML // having overwritten the section's HTML