2019-09-21 23:11:09 +02:00
|
|
|
// Here we are making iframes responsive. Particularly useful for inline Youtube videos.
|
2019-09-21 11:34:11 +02:00
|
|
|
function wrapFrames() {
|
|
|
|
document.querySelectorAll("iframe").forEach(element => {
|
|
|
|
var wrapper = document.createElement("div");
|
|
|
|
wrapper.classList.add("iframeWrap");
|
|
|
|
element.parentNode.insertBefore(wrapper, element);
|
|
|
|
wrapper.appendChild(element);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2019-09-21 23:11:09 +02:00
|
|
|
// Strip out all styling so that we have better control over layout
|
2019-09-21 11:34:11 +02:00
|
|
|
function stripStyles() {
|
|
|
|
document.getElementsByTagName("body")[0].querySelectorAll("style, link[rel=stylesheet]").forEach(element => element.remove());
|
|
|
|
document.getElementsByTagName("body")[0].querySelectorAll("[style]").forEach(element => element.removeAttribute("style"));
|
|
|
|
}
|
|
|
|
|
2019-11-10 00:37:25 +01:00
|
|
|
// Convert all image locations to be absolute
|
|
|
|
function convertImgSrc() {
|
|
|
|
document.querySelectorAll("img").forEach(element => {
|
|
|
|
element.src = new URL(element.src, document.baseURI).href;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2019-11-19 02:33:31 +01:00
|
|
|
function reloadArticleImage() {
|
|
|
|
var image = document.getElementById("nnwImageIcon");
|
|
|
|
image.src = "nnwImageIcon://";
|
|
|
|
}
|
|
|
|
|
2019-09-21 11:34:11 +02:00
|
|
|
function error() {
|
|
|
|
document.body.innerHTML = "error";
|
|
|
|
}
|
|
|
|
|
2019-11-21 01:16:54 +01:00
|
|
|
function render(data, scrollY) {
|
2019-09-21 11:34:11 +02:00
|
|
|
document.getElementsByTagName("style")[0].innerHTML = data.style;
|
|
|
|
document.body.innerHTML = data.body;
|
2019-09-21 23:11:09 +02:00
|
|
|
|
2019-11-21 01:16:54 +01:00
|
|
|
window.scrollTo(0, scrollY);
|
2019-09-21 11:34:11 +02:00
|
|
|
|
|
|
|
wrapFrames()
|
|
|
|
stripStyles()
|
2019-11-10 00:37:25 +01:00
|
|
|
convertImgSrc()
|
|
|
|
|
2019-10-13 22:47:11 +02:00
|
|
|
postRenderProcessing()
|
2019-09-21 11:34:11 +02:00
|
|
|
}
|