Does an email editor look like a campaign editor or a mailchimp editor?

Question

I am looking for either the source code (or otherwise) of a php script / library / code that will provide me with a similar email composer that has Mailchimp and Monitor Camp.

I played with a lot of wysiwyg editors (e.g. tinymce, ckeditor), but they do not work very well to allow users to create emails.

Answer 1

Mosaico Editor is the first creator of this kind of email email template (AFAIK).

You can find a free deployment (also working as a demo version) at http://mosaico.io , and you can get sources at https://github.com/voidlabs/mosaico

I select blocks from a set defined by a pattern >, then you fill in the content and change its styles in the style of WYSIWYG . If you are in a large window, you can also preview the preview for the mobile version.

The master template determines what the blocks are, what you can edit and what you can style, and contains any html trick to make it compatible with most clients: this means that you can greatly change the editor’s behavior by simply writing a new master template.

This is 99% javascript (IE10 + and any other modern browser) and depends on server functions only for "final insertion" and "upload / change image"

Answer 2

I am in the process of creation, but as a designer, this is a work in progress! I would suggest looking at PHP template engines . They have similar functionality. Most, however, will use php variables inside the html page instead of tags.

Another suggestion is Perch validation, which is officially a CMS, but it is very lightweight and can do the job for you.

Hope this helps, although a year after you post the question ...

EDIT: Actually just stumbled upon this thread, which references the new CKEditor - it looks pretty cool.

Answer 3

The next generation tool for creating patterns without coding

Official Grapejs Website

GrapesJS is an open-source, multi-purpose, Web Builder Framework that combines various tools and features to help you (or your application users) create HTML templates without any coding knowledge. This is the perfect solution to replace regular WYSIWYG editors, which are good for editing content but not suitable for creating HTML structures. You can see this in action with the official demos, but using your API, you can create your own editors.