styles iframe

frontend/client/css/iframe.css

@@ -0,0 +1,46 @@
+body, table {
+	font-size: 14px;
+	font-family: 'Open Sans';
+	color: #333;
+	margin: 0;
+}
+
+@font-face {
+     font-family: Open Sans;
+     src: url('../fonts/open-sans-regular.eot?') format('eot'),
+          url('../fonts/open-sans-regular.woff') format('woff'),
+          url('../fonts/open-sans-regular.ttf')  format('truetype'),
+          url('../fonts/open-sans-regular.svg#svgFontName') format('svg');
+}
+
+a {
+	color: #5184b0;
+	text-decoration: none;
+}
+
+table {
+	display: table;
+	border-collapse: separate;
+	border-spacing: 2px;
+	border-color: #e8eced;
+	border-spacing: 0;
+}
+
+.table {
+	width: 100%;
+}
+
+.table-bordered {
+	border: 1px solid #e8eced;
+}
+
+.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
+	border: 1px solid #e8eced;
+}
+
+.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
+	padding: 8px;
+	line-height: 1.36;
+	vertical-align: top;
+	border-top: 1px solid #e8eced;
+}

frontend/client/src/views/fields/wysiwyg.js

@@ -73,22 +73,14 @@ Espo.define('Views.Fields.Wysiwyg', 'Views.Fields.Text', function (Dep) {
 				var iframe = this.$el.find('iframe').get(0);				
 				var document = iframe.contentWindow.document;
 				
+				
+				var link = '<link href="client/css/iframe.css" rel="stylesheet" type="text/css"></link>'
+				
 				document.open('text/html', 'replace');				
 				var body = this.model.get('body');
-				
-				body = '<style>@font-face {' +
-					 'font-family: Open Sans;' +
-					 'src: url(\'client/fonts/open-sans-regular.eot?\') format(\'eot\'),' +
-						  'url(\'client/fonts/open-sans-regular.woff\') format(\'woff\'),' +
-						  'url(\'client/fonts/open-sans-regular.ttf\')  format(\'truetype\'),' +
-						  'url(\'client/fonts/open-sans-regular.svg#svgFontName\') format(\'svg\');' +
-					'}' +
-					'body {font-size: 14px;}' +					
-					'</style>' + body;
-				
-				
+				body += link;
+								
 				document.write(body);				
-				document.body.style.fontFamily = 'Open Sans';
 				
 				document.close();
 				iframe.style.height = document.body.scrollHeight + 'px';