中文 | English

A library can convert html into MasterGo plugin data structures.

yarn add html-mastergo | npm install html-mastergo

1. Install MasterGo client and init a plugin project.

2. Build UI

3. Use the library

   /** UI side **/
   import { htmlToMG } from 'html-mastergo';
   // any dom element
   const convert = async () => {
     const layerJson = await htmlToMG(document.body);
     // post data to plugin
     parent.postMessage({
       type: 'generate',
       data: layerJson
     }, '*')
   }
   
   
   /** Plugin side **/
   mg.ui.onmessage = (msg) => {
     const { data, type } = msg
     if (type === 'generate') {
       // traverse
       walk(data)
     }
   }

A few known limitations:

• Not all element types are supported (e.g. iframes, pseudo-elements)
• Not all CSS properties are supported or fully supported
• Not all types of media are supported (video, animated gifs, etc)
• All fonts must be uploaded to MasterGo, otherwise the default fonts will be used for rendering

If you find any problems or have any feedback, please Ask a Question

Example