|
|
@ -60,7 +60,7 @@ |
|
|
<table class="c1766"> |
|
|
<table class="c1766"> |
|
|
<tr> |
|
|
<tr> |
|
|
<td class="cell c1769"> |
|
|
<td class="cell c1769"> |
|
|
<img class="c926" src="http://artf.github.io/grapesjs/img/grapesjs-logo.png" alt="GrapesJS."/> |
|
|
<img class="c926" src="//artf.github.io/grapesjs/img/grapesjs-logo.png" alt="GrapesJS."/> |
|
|
</td> |
|
|
</td> |
|
|
<td class="cell c1776"> |
|
|
<td class="cell c1776"> |
|
|
<div class="c1144">GrapesJS Newsletter Builder |
|
|
<div class="c1144">GrapesJS Newsletter Builder |
|
|
@ -72,7 +72,7 @@ |
|
|
<table class="card"> |
|
|
<table class="card"> |
|
|
<tr> |
|
|
<tr> |
|
|
<td class="card-cell"> |
|
|
<td class="card-cell"> |
|
|
<img class="c1271" src="http://artf.github.io/grapesjs/img/tmp-header-txt.jpg" alt="Big image here"/> |
|
|
<img class="c1271" src="//artf.github.io/grapesjs/img/tmp-header-txt.jpg" alt="Big image here"/> |
|
|
<table class="table100 c1357"> |
|
|
<table class="table100 c1357"> |
|
|
<tr> |
|
|
<tr> |
|
|
<td class="card-content"> |
|
|
<td class="card-content"> |
|
|
@ -101,7 +101,7 @@ |
|
|
<table class="list-item-content"> |
|
|
<table class="list-item-content"> |
|
|
<tr class="list-item-row"> |
|
|
<tr class="list-item-row"> |
|
|
<td class="list-cell-left"> |
|
|
<td class="list-cell-left"> |
|
|
<img class="list-item-image" src="http://artf.github.io/grapesjs/img/tmp-blocks.jpg" alt="Image1"/> |
|
|
<img class="list-item-image" src="//artf.github.io/grapesjs/img/tmp-blocks.jpg" alt="Image1"/> |
|
|
</td> |
|
|
</td> |
|
|
<td class="list-cell-right"> |
|
|
<td class="list-cell-right"> |
|
|
<h1 class="card-title">Built-in Blocks |
|
|
<h1 class="card-title">Built-in Blocks |
|
|
@ -120,7 +120,7 @@ |
|
|
<table class="list-item-content"> |
|
|
<table class="list-item-content"> |
|
|
<tr class="list-item-row"> |
|
|
<tr class="list-item-row"> |
|
|
<td class="list-cell-left"> |
|
|
<td class="list-cell-left"> |
|
|
<img class="list-item-image" src="http://artf.github.io/grapesjs/img/tmp-tgl-images.jpg" alt="Image2"/> |
|
|
<img class="list-item-image" src="//artf.github.io/grapesjs/img/tmp-tgl-images.jpg" alt="Image2"/> |
|
|
</td> |
|
|
</td> |
|
|
<td class="list-cell-right"> |
|
|
<td class="list-cell-right"> |
|
|
<h1 class="card-title">Toggle images |
|
|
<h1 class="card-title">Toggle images |
|
|
@ -139,7 +139,7 @@ |
|
|
<table class="grid-item-card"> |
|
|
<table class="grid-item-card"> |
|
|
<tr> |
|
|
<tr> |
|
|
<td class="grid-item-card-cell"> |
|
|
<td class="grid-item-card-cell"> |
|
|
<img class="grid-item-image" src="http://artf.github.io/grapesjs/img/tmp-send-test.jpg" alt="Image1"/> |
|
|
<img class="grid-item-image" src="//artf.github.io/grapesjs/img/tmp-send-test.jpg" alt="Image1"/> |
|
|
<table class="grid-item-card-body"> |
|
|
<table class="grid-item-card-body"> |
|
|
<tr> |
|
|
<tr> |
|
|
<td class="grid-item-card-content"> |
|
|
<td class="grid-item-card-content"> |
|
|
@ -158,7 +158,7 @@ |
|
|
<table class="grid-item-card"> |
|
|
<table class="grid-item-card"> |
|
|
<tr> |
|
|
<tr> |
|
|
<td class="grid-item-card-cell"> |
|
|
<td class="grid-item-card-cell"> |
|
|
<img class="grid-item-image" src="http://artf.github.io/grapesjs/img/tmp-devices.jpg" alt="Image2"/> |
|
|
<img class="grid-item-image" src="//artf.github.io/grapesjs/img/tmp-devices.jpg" alt="Image2"/> |
|
|
<table class="grid-item-card-body"> |
|
|
<table class="grid-item-card-body"> |
|
|
<tr> |
|
|
<tr> |
|
|
<td class="grid-item-card-content"> |
|
|
<td class="grid-item-card-content"> |
|
|
@ -465,7 +465,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<form id="test-form" class="test-form" action="http://grapes.16mb.com/s" method="POST" style="display:none"> |
|
|
<form id="test-form" class="test-form" action="//grapes.16mb.com/s" method="POST" style="display:none"> |
|
|
<div class="putsmail-c"> |
|
|
<div class="putsmail-c"> |
|
|
<a href="https://putsmail.com/" target="_blank"> |
|
|
<a href="https://putsmail.com/" target="_blank"> |
|
|
<img src="./img/putsmail.png" style="opacity:0.85;" /> |
|
|
<img src="./img/putsmail.png" style="opacity:0.85;" /> |
|
|
@ -499,11 +499,11 @@ |
|
|
|
|
|
|
|
|
<div id="info-panel" style="display:none"> |
|
|
<div id="info-panel" style="display:none"> |
|
|
<br/> |
|
|
<br/> |
|
|
<svg class="info-panel-logo" xmlns="http://www.w3.org/2000/svg" version="1"><g id="gjs-logo"><path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/></g></svg> |
|
|
<svg class="info-panel-logo" xmlns="//www.w3.org/2000/svg" version="1"><g id="gjs-logo"><path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/></g></svg> |
|
|
<br/> |
|
|
<br/> |
|
|
<div class="info-panel-label"> |
|
|
<div class="info-panel-label"> |
|
|
<b>GrapesJS Newsletter Builder</b> is a showcase of what/how is possible to build an editor using the |
|
|
<b>GrapesJS Newsletter Builder</b> is a showcase of what/how is possible to build an editor using the |
|
|
<a class="info-panel-link gjs-four-color" target="_blank" href="http://artf.github.io/grapesjs/">GrapesJS</a> |
|
|
<a class="info-panel-link gjs-four-color" target="_blank" href="//artf.github.io/grapesjs/">GrapesJS</a> |
|
|
core library |
|
|
core library |
|
|
<br/><br/> |
|
|
<br/><br/> |
|
|
For any tip about this demo (or newsletters construction in general) check the |
|
|
For any tip about this demo (or newsletters construction in general) check the |
|
|
@ -531,7 +531,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
<script type="text/javascript"> |
|
|
var host = 'http://artf.github.io/grapesjs/'; |
|
|
var host = '//artf.github.io/grapesjs/'; |
|
|
var images = [ |
|
|
var images = [ |
|
|
host + 'img/grapesjs-logo.png', |
|
|
host + 'img/grapesjs-logo.png', |
|
|
host + 'img/tmp-blocks.jpg', |
|
|
host + 'img/tmp-blocks.jpg', |
|
|
|