Hexo-scripts-that-I-use/gloss.js

/*

gloss.js - simple interlinear gloss noting.
Author : Yoxem <yoxem.tem98^^^AT^^^nctu.edu.tw>
usage:
{% gloss}
I believe You.
Gua2 siong1-sin3 Li2.
{% endgloss}

*/

hexo.extend.filter.register('before_post_render', (data) => {
	var css_content = `.css-table1{
	display: table;
	border: none; }
	
	.css-tr1{
	display:table-row;
	}

	.css-td1{
	display:table-cell;}`

	var link_js = `<script type=\"text/javascript">
		head = document.getElementsByTagName('head');

		link_css = document.createElement('style');
		link_css.setAttribute('type', 'text/css');

		link_css.innerHTML = "${css_content}";

		document.getElementsByTagName('head')[0].appendChild(link_css);

	</script>`

    data.content += link_js;
    return data;
});



hexo.extend.tag.register('gloss', function(args, content){


var content2dArray = [];
var contentSplitted = content.split("\n");
var content2dArrayMaxLen = 0;

for (var i=0; i < contentSplitted.length; i++){
    var SplittedInsideALine = contentSplitted[i].split(/\s+/);

	content2dArray.push(SplittedInsideALine);
}


var render_result = "";
	
for (var i=0; i<content2dArray.length; i++){
	var line_result = "<div class=\"css-tr1\">";

	for (var j=0; j<content2dArray[i].length; j++){
		line_result += ("<div class=\"css-td1\">" + content2dArray[i][j] + "</div>");
	}

	line_result += "</div>";
	
	render_result += line_result;
}

return "<div class='css-table1'>" + render_result + "</div></div></div>" },
{ends: true});