← Design System

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.elcontenteditable DOM ელემენტი
options.promptcustom prompt ფუნქცია link-ისთვის (ნაგულისხმევად window.prompt)