DM Editor
DM Editor is a block-styled visual editor written in React.
Roadmap , mail xc if you want to discuss:).
For full documentation please go to dmeditor.github.io
The idea behind is to have an editor which is easy to develop and style widget within React ecosystem, in the end together with developer bring good user experience for page editing.
Highlights
- Block based, real WYSIWYG(What you see is what you get)
- See immediate change while slide on padding, width, color, margin, etc
- Intractive widgets like tab, accordion
- Get benefits of React ecosystem for creating widget.
- Widgets can be inside widget
- Extend styles of a widget
- Create template from widget
Screenshots
Installation
See sample project
npm install dmeditor
Note: to develop widgets, suggest to install @mui/material
and @emotion/css
so you get all benefits of mui and emotion css. See sample project for detail.
Templates
Put below in index.html to use open source templates (the template repo):
<script src="https://cdn.jsdelivr.net/gh/dmeditor/templates@main/templates.js"></script>
Widget list
dmeditor-digimaker: - Content widgets(eg. content grid, Gallary) for digimaker CMF