jy-simple-editor/Readme.md

JY Editor membantu dalam penulisan, penataan gaya tulisan (styling), dan penyisipan rumus atau formula, jelas, dan mudah digunakan

# ✨ JY Editor — Text Editor 

**JY Editor** adalah text editor modular berbasis Vanilla JavaScript dengan dukungan *styling teks*, *MathJax*, dan *sinkronisasi ke textarea*. Cocok digunakan pada form HTML atau sebagai WYSIWYG editor mandiri.

---

## 🚀 Fitur Utama

- ✅ Bold, Italic, Underline
- ✅ Undo / Redo (doubly linked list)
- ✅ Sisipkan rumus LaTeX via MathJax
- ✅ Sinkronisasi otomatis ke `<textarea>`

---

## 📦 Instalasi

### 🔧 Melalui NPM

```
npm install jy-simple-editor
```

```
<form action="" class="w-max">
    <textarea id="myTextArea">Selamat datang di JY Editor</textarea>
</form>

<script type="module">
    import { JYeditor } from 'jy-simple-editor';

    const editor = new JYeditor('myTextarea');

    document.querySelector('form').addEventListener('submit', () => {
        editor.syncToTextarea();
    });
</script>
```


### 🌐 Melalui CDN

```
<!-- Editor Script -->
<script src="https://cdn.jsdelivr.net/npm/jy-simple-editor/dist/jy-editor.js"></script>

<!-- CSS untuk styling editor -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jy-simple-editor/dist/output.css" />

<form action="">
    <textarea id="myTextArea">Selamat datang di JY Editor</textarea>
</form>

<script>
  const editor = new JYEditor.JYeditor('myTextarea');

  document.querySelector('form').addEventListener('submit', () => {
    editor.syncToTextarea();
  });
</script>
```