Initial commit: CloudOps infrastructure platform
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"templateHtml": "",
|
||||
"templateMjml": "<mjml>\n <mj-body>\n <mj-section>\n <mj-column>\n <mj-text font-size=\"20px\">Hello there!</mj-text>\n <mj-text>This is MJML version of blank template for Mautic.</mj-text>\n <mj-text>{unsubscribe_text} | {webview_text}</mj-text>\n </mj-column>\n </mj-section>\n </mj-body>\n</mjml>"
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,36 @@
|
||||
import 'grapesjs/dist/css/grapes.min.css';
|
||||
import grapesJS from 'grapesjs';
|
||||
import grapesJSMJML from 'grapesjs-mjml';
|
||||
|
||||
const editor = grapesJS.init({
|
||||
fromElement: 1,
|
||||
container: '#gjs',
|
||||
avoidInlineStyle: false,
|
||||
plugins: [grapesJSMJML],
|
||||
pluginsOpts: {
|
||||
[grapesJSMJML]: {
|
||||
// The font imports are included on HTML <head/> when fonts are used on the template
|
||||
fonts: {
|
||||
Montserrat: 'https://fonts.googleapis.com/css?family=Montserrat',
|
||||
'Open Sans': 'https://fonts.googleapis.com/css?family=Open+Sans',
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// add custom fonts options on editor's font list
|
||||
editor.on('load', () => {
|
||||
const styleManager = editor.StyleManager;
|
||||
const fontProperty = styleManager.getProperty('typography', 'font-family');
|
||||
|
||||
const list = [];
|
||||
// empty list
|
||||
fontProperty.set('list', list);
|
||||
|
||||
// custom list
|
||||
list.push(fontProperty.addOption({ value: 'Montserrat, sans-serif', name: 'Montserrat' }));
|
||||
list.push(fontProperty.addOption({ value: 'Open Sans, sans-serif', name: 'Open Sans' }));
|
||||
fontProperty.set('list', list);
|
||||
|
||||
styleManager.render();
|
||||
});
|
||||
@@ -0,0 +1,36 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Hello World</title>
|
||||
<script src="https://cdn.ckeditor.com/4.16.0/standard-all/ckeditor.js"></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="../../node_modules/grapesjs/dist/css/grapes.min.css"
|
||||
data-source="mautic"
|
||||
/>
|
||||
<link href="style.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="gjs">
|
||||
<mjml>
|
||||
<mj-body>
|
||||
<mj-raw>
|
||||
<!-- Company Header -->
|
||||
</mj-raw>
|
||||
<mj-section background-color="#f0f0f0">
|
||||
<mj-column>
|
||||
<mj-text font-style="bold" font-size="24px" color="#6f6f6f">My Company </mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#fafafa">
|
||||
<mj-column width="400px">
|
||||
<mj-image
|
||||
src="https://via.placeholder.com/172x215/%7B%7Bgray600%7D%7D/ffffff?text=172+x+215+x2"
|
||||
/>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-body>
|
||||
</mjml>
|
||||
</div>
|
||||
<script src="helloWorld.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
/* Let's highlight canvas boundaries */
|
||||
#gjs {
|
||||
border: 3px solid #444;
|
||||
}
|
||||
|
||||
/* Reset some default styling */
|
||||
.gjs-cv-canvas {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user