moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-25 18:32:20 -05:00
Code Issues Releases Wiki Activity

rendering mail content in 2nd sandboxed iframe works

Browse Source
This commit is contained in:
Tankred Hase 2013-06-05 18:02:00 +02:00
parent 55a237e6be
commit 32cc6b10e8
4 changed files with 40 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/css/styles.css
View File

@ -51,4 +51,26 @@ div#sandboxDiv iframe {
right: 0;
height: 100%;
width: 100%;
}
div#readViewContent ul {
position: absolute;
height: 100%;
width: 100%;
}
li#bodyItem {
background-color: #FFFFFF;
}
#mailContentFrame {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 2000px;
width: 100%;
font-size: 8pt;
font-weight: normal;
}

23
src/js/view/read-view.js
View File

@ -48,19 +48,20 @@
} else if (tryHtml && emailBody.indexOf('</') !== -1) {
// render html email inside a sandboxed iframe
var iframe = page.find('#idMailContent'),
iframeDoc = iframe[0].contentDocument || iframe[0].contentWindow.document;
var iframe = page.find('#mailContentFrame');
iframe.load(function() {
// resize
var newheight = iframeDoc.body.scrollHeight;
var newwidth = iframeDoc.body.scrollWidth;
iframe[0].height = (newheight) + 'px';
iframe[0].width = (newwidth) + 'px';
});
// set listener for the answering call, which return the document height
window.onmessage = function(e) {
// resize
var newheight = e.data;
//var newwidth = iframeDoc.body.scrollWidth;
iframe[0].height = (newheight) + 'px';
//iframe[0].width = (newwidth) + 'px';
};
iframeDoc.write(emailBody);
iframeDoc.close();
// send email body to content frame
document.getElementById('mailContentFrame').contentWindow.postMessage(emailBody, '*');
});
}
}

4
src/manifest.json
View File

@ -16,7 +16,7 @@
}
},
"sandbox": {
"pages": ["sandbox.html"],
"content_security_policy": "sandbox allow-scripts; default-src 'self'; object-src 'none'; script-src 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'"
"pages": ["sandbox.html", "mail-content.html"],
"content_security_policy": "sandbox allow-scripts; default-src 'self'; object-src 'none'; script-src 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src *"
}
}

8
src/tpl/read.html
View File

@ -4,7 +4,7 @@
<a href="#accounts/<%- account %>/folders/<%- folder %>/reply/<%- id %>" data-role="button" data-icon="back" data-iconpos="right" class="ui-btn-right">Reply</a>
</div><!-- /header -->
<div data-role="content">
<div data-role="content" id="readViewContent">
<ul data-role="listview" data-theme="d" data-divider-theme="d" id="idEmailList" data-mini="true">
<li style="border: 0px">
@ -21,9 +21,9 @@
<p id="idMailDate"><%- sentDate %></p>
</li>
<li id="bodyItem" style="background-color: #FFFFFF">
<div style="font-size: 8pt; font-weight: normal">
<iframe id="idMailContent" sandbox="allow-same-origin" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>
<li id="bodyItem">
<div id="mailContentDiv">
<iframe src="mail-content.html" sandbox="allow-scripts" id="mailContentFrame" frameborder="0"></iframe>
</div>
</li>