@dineug/erd-editor

erd-editor

Entity-Relationship Diagram Editor

Install

npm install @dineug/erd-editor

Usage

import '@dineug/erd-editor';

const editor = document.createElement('erd-editor');
document.body.appendChild(editor);

CDN

<script type="module">
  import 'https://esm.run/@dineug/erd-editor';

  const editor = document.createElement('erd-editor');
  document.body.appendChild(editor);
</script>
<!-- or -->
<script type="module" src="https://esm.run/@dineug/erd-editor"></script>

html

<erd-editor readonly system-dark-mode enable-theme-builder></erd-editor>
<script type="module">
  import 'https://esm.run/@dineug/erd-editor';

  const editor = document.querySelector('erd-editor');
</script>

Document

• Web App
• VSCode Extension
• IntelliJ Plugin
• Editing Guide
• API