jy-simple-editor
v2.0.1
Published
JY Editor membantu dalam penulisan, penataan gaya tulisan (styling), dan penyisipan rumus atau formula, jelas, dan mudah digunakan
Downloads
4
Maintainers
Readme
✨ 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>