moparisthebest
/
mail
mirror of https://github.com/moparisthebest/mail
1
0
Fork 0
Code Issues Releases Wiki Activity

[WO-409] render html in sandboxed iframe

This commit is contained in:
Felix Hammerl 2014-06-25 08:17:03 +02:00
parent df8b74bfb6
commit fb1a20d2b0
5 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/js/controller/read.js
View File

@ -341,12 +341,9 @@ define(function(require) {
scope.html = undefined; scope.html = undefined;
if (value) { if (value) {
$timeout(function() { $timeout(function() {
// wrap in html doc with scrollable html tag, since chrome apps does not scroll by default scope.html = true;
var prefix = '<!DOCTYPE html><html style="overflow-y: auto"><head></head><body>'; var iframe = elm[0];
var suffix = '</body></html>'; iframe.contentWindow.postMessage(value, '*');
// open links in new window, otherwise the sandbox with not open them
var clickableHtml = value.replace(/<a /g, '<a target="_blank" ');
scope.html = $sce.trustAsHtml(prefix + clickableHtml + suffix);
}); });
} }
}); });

4
src/manifest.json
View File

@ -32,5 +32,9 @@
"background": { "background": {
"scripts": ["background.js"] "scripts": ["background.js"]
} }
},
"sandbox": {
"pages": ["sandbox.html"],
"content_security_policy": "sandbox allow-popups allow-scripts; default-src 'self'; object-src 'none'; style-src 'self' 'unsafe-inline'; img-src *"
} }
} }

11
src/sandbox.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html style="overflow-y: auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="sandbox.js"></script>
</head>
<body></body>
</html>

8
src/sandbox.js Normal file
View File

@ -0,0 +1,8 @@
(function() {
'use strict';
// set listener for event from main window
window.addEventListener('message', function(e) {
document.body.innerHTML = e.data.replace(/<a /g, '<a target="_blank" ');
}, false);
})();

2
src/tpl/read.html
View File

@ -54,7 +54,7 @@
</div><!--/.working-wrapper--> </div><!--/.working-wrapper-->
<!-- Render html body in sandboxed iframe --> <!-- Render html body in sandboxed iframe -->
<iframe ng-show="html" sandbox="allow-popups" srcdoc="{{html}}" <iframe ng-show="html" sandbox="allow-popups allow-scripts" src="sandbox.html"
frame-load="state.mailList.selected.html"> frame-load="state.mailList.selected.html">
</iframe> </iframe>