Minimal HTML Editor
Vanilla JS, no dependencies. Bold, Italic, Link, Inline code.
Toolbar buttons preserve selection via mousedown preventDefault.
Live Demo
კლავიატურის მალსახმობები: Ctrl+B bold, Ctrl+I italic / em
(დაწერეთ ტექსტი...)
გამოყენება
<!-- 1. Include the stylesheet -->
<link rel="stylesheet" href="/assets/styles/components/minimal-html-editor.min.css">
<!-- 2. Mount point + hidden textarea for form submission -->
<div id="editor-container"></div>
<textarea id="editor-output" name="description" hidden></textarea>
<!-- 3. Include the script -->
<script src="/assets/js/minimal-html-editor.js"></script>
<script>
var editor = new MinimalHtmlEditor(
document.getElementById('editor-container'),
document.getElementById('editor-output')
);
</script>
API
| მეთოდი | აღწერა |
|---|---|
editor.getHTML() | მიმდინარე HTML კონტენტის დაბრუნება |
editor.setHTML(html) | კონტენტის ჩაწერა პროგრამულად |
editor.el | contenteditable DOM ელემენტი |
options.prompt | custom prompt ფუნქცია link-ისთვის (ნაგულისხმევად window.prompt) |