Email editor

Server requirements

It's necessary a web server that support php (for example Apache). It can be Windows or linux server. There aren't special libraries to load, just a server with php support. 

Installation

Upload all files and folders with FTP software like filezilla in your website and set chmod 777 to "tmp" and "images" folder. 

Configuration

Exist a config file called "config.php". let it point to the installation folder or leave it blank if it's installed in the root path 

<?php
$path = "http://www.yourwebsite.com/editor/";

• config.php it's the configuration file.
• save-drop-img.php php file to save in "images" folder the image dropped to image element
• select.php read elements from "elements" folder and populate the sidebar
• save_source.php it's file that saves all code without css.
• save.php it's file that saves all code (html + css) of email created.
• videotoimg.php return a image with the preview of youtube video
• media-popup.php list image of "images" folder
• index.php it's the main file that contain html, javascript and css files.
• template.html it contains the css style and a tag {body} that will be replaced with the body of created template email

• http://feather.aviary.com/js/feather.js
• js/jquery.min.js
• jquery-ui.min.js
• jquery.ui.touch-punch.min.js
• bootstrap.min.js
• tinymce/tinymce.min.js
• colpick.js

In "tmp" folder. The final template with complete css is saved in files called with "template_" prefix. The only body of email without css is saved in files called with "body_" prefix. 

                        template_xxxx.html
                      	 

contains all html template included css

                      	                        body_xxxxx.html
                      	  

contains all html template except css 

It's possible. You can call index.php in this way

                      index.php?filename=1451200148.html
                      	

where 1451200148.html it's the file name of body contents saved 

You can create a custom element of following type:

in the "elements" folder there are 6 folders

in every folder there are one or more html files with the blocks to add at the editor.

if you want add a custom element, you must create a new html file with this structure:

Image preview

to set the preview image of element that appear when user click on sidebar menu, you must insert the path of images in preview class div

Html content

The content of block it's in view class div. Every element must stay inside a table. this table has how class "main".

Every element can be one or these type:

• data-type=“image”
• data-type=“title”
• data-type=“line”
• data-type=“text-block”
• data-type=“button”
• data-type="imgtxt"
• data-type=“imgtxtcol”
• data-type=“imgtxtincol”
• data-type=“social-links"
• data-type=“video”

in this example i have used  data-type="imgtxt"