How to use the netlify-cms.registerEditorComponent function in netlify-cms
To help you get started, we’ve selected a few netlify-cms examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
uploadcare / uploadcare-netlifycms / src / index.js View on Github 
function registerPlugin(options) {
Widget.register()
/* eslint-disable*/
// hack to remove default image widget
const comps = CMS.getEditorComponents()
comps._root.entries = []
comps.size = 0
/* eslint-enable*/
CMS.registerEditorComponent(createSingle(options))
CMS.registerEditorComponent(createMultiple(options))
}function registerPlugin(options) {
Widget.register()
/* eslint-disable*/
// hack to remove default image widget
const comps = CMS.getEditorComponents()
comps._root.entries = []
comps.size = 0
/* eslint-enable*/
CMS.registerEditorComponent(createSingle(options))
CMS.registerEditorComponent(createMultiple(options))
}componentDidMount () {
console.log(`CMS [${process.env.NODE_ENV}]`, CMS, )
if (process.env.NODE_ENV === 'development') {
config.backend = {
"name": "file-system",
"api_root": "http://localhost:3000/api"
}
CMS.registerBackend('file-system', FileSystemBackend);
}
CMS.init({config});
CMS.registerPreviewTemplate('authors', AuthorsPreview);
CMS.registerEditorComponent(EditorYoutube);
}
render() {authorsCollection,
categoriesCollection,
postsCollection,
],
},
});
// load stylesheets
CMS.registerPreviewStyle(typography.toString(), {raw: true});
CMS.registerPreviewStyle(appStyles.toString(), {raw: true});
// register widgets
CMS.registerWidget('color', ColorWidget.Control);
// register editor components
CMS.registerEditorComponent(Code);
CMS.registerEditorComponent(Audio);
CMS.registerEditorComponent(Video);
CMS.registerEditorComponent(Image);
CMS.registerEditorComponent(Reveal);
CMS.registerEditorComponent(Calout);
CMS.registerEditorComponent(Divider);
CMS.registerEditorComponent(Gallery);
CMS.registerEditorComponent(Reference);
CMS.registerEditorComponent(Countdown);
CMS.registerEditorComponent(SectionHeading);
// register previews
CMS.registerPreviewTemplate('posts', PostsPreview);// register widgets
CMS.registerWidget('color', ColorWidget.Control);
// register editor components
CMS.registerEditorComponent(Code);
CMS.registerEditorComponent(Audio);
CMS.registerEditorComponent(Video);
CMS.registerEditorComponent(Image);
CMS.registerEditorComponent(Reveal);
CMS.registerEditorComponent(Calout);
CMS.registerEditorComponent(Divider);
CMS.registerEditorComponent(Gallery);
CMS.registerEditorComponent(Reference);
CMS.registerEditorComponent(Countdown);
CMS.registerEditorComponent(SectionHeading);
// register previews
CMS.registerPreviewTemplate('posts', PostsPreview);postsCollection,
],
},
});
// load stylesheets
CMS.registerPreviewStyle(typography.toString(), {raw: true});
CMS.registerPreviewStyle(appStyles.toString(), {raw: true});
// register widgets
CMS.registerWidget('color', ColorWidget.Control);
// register editor components
CMS.registerEditorComponent(Code);
CMS.registerEditorComponent(Audio);
CMS.registerEditorComponent(Video);
CMS.registerEditorComponent(Image);
CMS.registerEditorComponent(Reveal);
CMS.registerEditorComponent(Calout);
CMS.registerEditorComponent(Divider);
CMS.registerEditorComponent(Gallery);
CMS.registerEditorComponent(Reference);
CMS.registerEditorComponent(Countdown);
CMS.registerEditorComponent(SectionHeading);
// register previews
CMS.registerPreviewTemplate('posts', PostsPreview);});
// load stylesheets
CMS.registerPreviewStyle(typography.toString(), {raw: true});
CMS.registerPreviewStyle(appStyles.toString(), {raw: true});
// register widgets
CMS.registerWidget('color', ColorWidget.Control);
// register editor components
CMS.registerEditorComponent(Code);
CMS.registerEditorComponent(Audio);
CMS.registerEditorComponent(Video);
CMS.registerEditorComponent(Image);
CMS.registerEditorComponent(Reveal);
CMS.registerEditorComponent(Calout);
CMS.registerEditorComponent(Divider);
CMS.registerEditorComponent(Gallery);
CMS.registerEditorComponent(Reference);
CMS.registerEditorComponent(Countdown);
CMS.registerEditorComponent(SectionHeading);
// register previews
CMS.registerPreviewTemplate('posts', PostsPreview);// load stylesheets
CMS.registerPreviewStyle(typography.toString(), {raw: true});
CMS.registerPreviewStyle(appStyles.toString(), {raw: true});
// register widgets
CMS.registerWidget('color', ColorWidget.Control);
// register editor components
CMS.registerEditorComponent(Code);
CMS.registerEditorComponent(Audio);
CMS.registerEditorComponent(Video);
CMS.registerEditorComponent(Image);
CMS.registerEditorComponent(Reveal);
CMS.registerEditorComponent(Calout);
CMS.registerEditorComponent(Divider);
CMS.registerEditorComponent(Gallery);
CMS.registerEditorComponent(Reference);
CMS.registerEditorComponent(Countdown);
CMS.registerEditorComponent(SectionHeading);
// register previews
CMS.registerPreviewTemplate('posts', PostsPreview);categoriesCollection,
postsCollection,
],
},
});
// load stylesheets
CMS.registerPreviewStyle(typography.toString(), {raw: true});
CMS.registerPreviewStyle(appStyles.toString(), {raw: true});
// register widgets
CMS.registerWidget('color', ColorWidget.Control);
// register editor components
CMS.registerEditorComponent(Code);
CMS.registerEditorComponent(Audio);
CMS.registerEditorComponent(Video);
CMS.registerEditorComponent(Image);
CMS.registerEditorComponent(Reveal);
CMS.registerEditorComponent(Calout);
CMS.registerEditorComponent(Divider);
CMS.registerEditorComponent(Gallery);
CMS.registerEditorComponent(Reference);
CMS.registerEditorComponent(Countdown);
CMS.registerEditorComponent(SectionHeading);
// register previews
CMS.registerPreviewTemplate('posts', PostsPreview);},
});
// load stylesheets
CMS.registerPreviewStyle(typography.toString(), {raw: true});
CMS.registerPreviewStyle(appStyles.toString(), {raw: true});
// register widgets
CMS.registerWidget('color', ColorWidget.Control);
// register editor components
CMS.registerEditorComponent(Code);
CMS.registerEditorComponent(Audio);
CMS.registerEditorComponent(Video);
CMS.registerEditorComponent(Image);
CMS.registerEditorComponent(Reveal);
CMS.registerEditorComponent(Calout);
CMS.registerEditorComponent(Divider);
CMS.registerEditorComponent(Gallery);
CMS.registerEditorComponent(Reference);
CMS.registerEditorComponent(Countdown);
CMS.registerEditorComponent(SectionHeading);
// register previews
CMS.registerPreviewTemplate('posts', PostsPreview);netlify-cms
An extensible, open source, Git-based, React CMS for static sites.
