Navigation
User login
Upcoming events
Recent Events
- 14 weeks 1 day ago
- 16 weeks 6 days ago
- 26 weeks 2 days ago
- 28 weeks 3 days ago
- 28 weeks 5 days ago
Newest Games
Search
Who's online
There are currently 0 users and 341 guests online.
Revision of Twine: mix HTML tags and Twine markup syntax from Thu, 06/06/2013 - 04:03
Thu, 06/06/2013 - 04:03 — L
This code will allow you to put HTML tags in Twine passage text, and have them function in the compiled game. Note: it requires all HTML tags to be properly closed, with the exception of the so-called "void tags" that have no closing pair (br, hr, area, img, input, embed, param, source, track). Unmatched end tags will be ignored!
Just now I was thinking to myself, "Leon, why is it that inline HTML must be stuck between the <html> tags in Twine, anyway? Would it be possible to make HTML usable intersperced with Twine syntax?" So I decided to give it a try. The resulting Javascript code is as follows:
(function () {
var bs = String.fromCharCode(92);
Wikifier.formatters.unshift({
name: "htmltag",
match: "<"+bs+"w+(?:(?:"+bs+"s+"+bs+"w+(?:"+bs+"s*="+bs+"s*(?:"+'"'+".*?"+'"'+"|'.*?'|[^'"+'"'+">"+bs+"s]+))?)+"+bs+"s*|"+bs+"s*)"+bs+"/?>",
tagname: "<("+bs+"w+)",
void: ["br", "hr", "area", "img", "input", "embed", "param", "source", "track"],
handler: function (a) {
var re, tn, e;
re = new RegExp(this.tagname).exec(a.matchText);
tn = re && re[1];
if(tn) {
e = document.createElement();
e.innerHTML = a.matchText;
e = e.firstChild;
if(this.void.indexOf(tn) == -1) {
a.subWikify(e, "<" + bs + "/" + bs + "s*" + tn + bs + "s*>");
}
a.output.appendChild(e);
}
}
});
}());
This code will allow you to put HTML tags in Twine passage text, and have them function in the compiled game. Note: it requires all HTML tags to be properly closed, with the exception of the so-called "void tags" that have no closing pair (br, hr, area, img, input, embed, param, source, track). Unmatched end tags will be ignored!
Feel free to report any bugs to @webbedspace.