DMEditor sample

Sample for DMEditor, using tailwind for css.

Note: DM Editor is compatible with all mainstream css frameworks, like tailwind, bootstrap css-in-js (emotion or others).

Short guidance

Use DM Editor:

• Initialize with loading widgets & styles & configs: dme-config/dmeditorInit.ts
• Load DM Editor for edit: App.tsx

Develop style / widgets:

• Define styles:
  • Uncategorized style: dme-config/dme_predefined_styles.js
  • Categorized style: dme-config/dme_styles.js
• Widget sample: src/widgets/sample-widget

Run

npm install
npm start

Visit

http://localhost:3000