importEdfrom'@the-grid/ed'exportdefaultclassPostEditorextendsReact.Component{render(){return(<Edkey='item-uuid'initialContent={...}onChange={...} ... />)}}

varcontainer=document.querySelector('#ed')window.TheGridEd.mountApp(container,{// REQUIRED -- Content array from postinitialContent: [],// OPTIONAL (default true) enable or disable the default menumenuBar: true,// REQUIRED -- Hit on every changeonChange: function(){/* App can show "unsaved changes" in UI */},// REQUIREDonShareFile: function(index){/* App triggers native file picker *//* App calls ed.insertPlaceholders(index, count) and gets array of ids back *//* App uploads files and sets status on placeholder blocks with ed.updateProgress *//* On upload / measurement finishing, app replaces placeholder blocks with ed.setContent */},// REQUIREDonRequestCoverUpload: function(id){/* Similar to onShareFile, but hit with block id instead of index *//* App uploads files and sets status on blocks with ed.updateProgress *//* Once upload is complete, app hits ed.setCoverSrc */},// REQUIREDonShareUrl: function({block, url}){/* Ed made the placeholder with block id *//* App shares url with given block id *//* App updates status on placeholder blocks with ed.updateProgress *//* On share / measurement finishing, app replaces placeholder blocks with ed.setContent */},// REQUIREDonPlaceholderCancel: function(id){/* Ed removed the placeholder if you call ed.getContent() now *//* App should cancel the share or upload */},// OPTIONALonRequestLink: function(value){/* If defined, Ed will _not_ show prompt for link If selection is url-like, value will be the selected string App can then call `ed.execCommand('link:toggle',{href, title})` Note: If that is called while command 'link:toggle' is 'active', it will remove the link, not replace it */},// OPTIONALonDropFiles: function(index,files){/* App calls ed.insertPlaceholders(index, files.length) and gets array of ids back *//* App uploads files and sets status on placeholder blocks with ed.updateProgress *//* On upload / measurement finishing, app replaces placeholder blocks with ed.setContent */},// OPTIONALonDropFileOnBlock: function(id,file){/* App uploads files and sets status on block with ed.updateProgress *//* Once upload is complete, app hits ed.setCoverSrc */},// OPTIONALonMount: function(mounted){/* Called once PM and widgets are mounted */window.ed=mounted},// OPTIONALonCommandsChanged: function(commands){/* Object with commandName keys and one of inactive, active, disabled */},// OPTIONAL -- imgflo image proxy configimgfloConfig: {server: 'https://imgflo.herokuapp.com/',key: 'key',secret: 'secret'},// OPTIONAL -- where iframe widgets live relative to app (or absolute)widgetPath: './node_modules/',// OPTIONAL -- site-wide settings to allow cover filter, crop, overlay; default truecoverPrefs: {filter: false,crop: true,overlay: true},// OPTIONAL -- site or user flags to reduce functionalityfeatureFlags: {edCta: false,edEmbed: false}})// Returns array of inserted placeholder idsed.insertPlaceholders(index,count)// Update placeholder metadata//{status (string), progress (number 0-100), failed (boolean)}// metadata argument with{progress: null} will remove the progress bared.updateProgress(id,metadata)// Once block cover upload completes// `cover` is object with{src, width, height}ed.setCover(id,cover)// For placeholder or media block with uploading cover// `src` should be blob: or data: url of a// sized preview of the local imageed.setCoverPreview(id,src)// Returns content array// Expensive, so best to debounce and not call this on every change// Above the fold block is index 0, and starreded.getContent()// Only inserts/updates placeholder blocks and converts placeholder blocks to mediaed.setContent(contentArray)// Returns true if command applies successfully with current selectioned.execCommand(commandName)