Skip to main content

Text Editor (Текстовий редактор)

techno4 v2.0.4 Core Component MIT License git@github.com:CO-CF-TECHNO4/TECHNO4FRAMEWORK2.git

Вбудований адаптивний WYSIWYG редактор із підтримкою форматування (жирний, курсив, списки, посилання) та кастомних кнопок дій.

HTML-розмітка та ініціалізація 

<div class="text-editor text-editor-init" data-placeholder="Введіть ваш текст тут...">
  <div class="text-editor-content" contenteditable></div>
</div>

Керування через JavaScript 

const editor = app.textEditor.create({
  el: '.text-editor',
  buttons: ['bold', 'italic', 'underline', 'unorderedList', 'orderedList', 'link'],
  on: {
    change: function () {
      console.log('Вміст змінено:', editor.value);
    }
  }
});