#Yakoue's MJML Drag & Drop email builder component for vuejs
npm install @yakoue/vue-email-builder``html`
`
$ npm install @yakoue/vue-email-builder --save
or
$ yarn @yakoue/vue-email-builder
`
Next, you'll need to import the Email Builder component to your app.
` vue
Vue Email Editor (Demo)
``
| Method | Param | description |
| ---------------- | ----------------- | ------------------------------------------------------- |
| setTemplate | template | Take the template and load it to the builder |
| saveTemplate | Function callback | Returns the design JSON and HTML in a callback function |
| exportHtml | Function callback | Returns the design HTML in a callback function |
template _object_ or _string_ You can set MJML Json on MJML XML as string to this props
config _object_ You can use this props to config and customize the builder
onLoad _function callback_ You can use this to set call back function on builder load
---
| Attribute | Required | |
| :---------------------------------- | -------- | ---------------------------------------------------------------------------------------------------- |
| brand
_object_ | No | This is the Brand Object from Yakoue. You can get it from the Brand settings page. |
| locale
_string_ | No | This is the locale you want to load the editor in. We have many translations available. |
| fusionTags
_object_ | No | This is an array of objects. You can pass the merge tags and special links to display in the editor. |
| token
_string_ | No | String token for authentication. It is required to enable user saved blocks. |
| tools
_object_ | No | These are the options for tools and custom tools. |
| blocks
_object_ | No | This is an array of objects. You can pass custom blocks here. |
| drows
_object_ | No | This is an array of objects. You can pass custom rows (sections) here. |
| body
_object_ | No | This objects to custom default template settings |
| editor
_object_ | No | These are some editor options for different functions of the editor. |
| fonts
_object_ | No | You can pass custom fonts here. |
| toolsDefaultValues
_object_ | No | You can pass default tools properties here. |
| callbacks
_array_ | No | Array of callbacks functions |
For any report please write to contact@yakoue.com