Елементи на лентата

Всички налични елементи на лентата, подредени по секции.

Действия

Елемент	Описание
undo	Отменя последната промяна
redo	Връща последната отменена промяна
resetChanges	Отхвърля всички промени от отварянето на редактора и изчиства историята (пита преди това)

AI

Елемент	Описание
ai	Отваря диалога за AI промпт, ако е конфигуриран

Форматиране

Елемент	Описание
bold	Превключва получер текст
italic	Превключва курсив
underline	Превключва подчертаване
strike	Превключва зачертаване

Допълнително форматиране

Елемент	Описание
sup	Превключва горен индекс
sub	Превключва долен индекс
code	Превключва код в реда
codeBlock	Вмъква блок с код с подчертаване на синтаксиса
blockquote	Вмъква цитат

Стил

Елемент	Описание
heading	Падащо меню за избор на ниво на заглавие (H1-H6)
fontFamily	Падащо меню за избор на шрифт
fontSize	Падащо меню за избор на размер на шрифта
lineHeight	Задава височината на реда
textColor	Цвят на текста: палитра, скорошни цветове, HEX, пипета, собствен избор
highlightColor	Цвят на маркиране: същият избор, първо „Без маркиране“

Елементът heading приема опции след двоеточие: нива на заглавията, p за добавяне на елемент за абзац и inline за показването им като отделни бутони вместо падащо меню:

<Tiptapify :items="['heading:p,2,3,inline', 'bold', 'italic']" />

Подравняване

Елемент	Описание
left	Подравнява текста вляво
center	Подравнява текста в центъра
right	Подравнява текста вдясно
justify	Подравнява текста по ширина
align	Падащо меню за подравняване; align:left,center,right ограничава опциите му

Списък

Елемент	Описание
bulletList	Превключва списък с водещи символи
orderedList	Превключва номериран списък
taskList	Превключва списък със задачи (отметки)
indent	Увеличава отстъпа на текущия блок
outdent	Намалява отстъпа на текущия блок

Медия

Елемент	Описание
link	Вмъква/редактира линк или карта на линк с linkPreview
image	Вмъква/редактира изображение: по URL или качване, alt, надпис, размер, позиция
video	Вмъква/редактира видео от YouTube, Vimeo или видеофайл (.mp4, .webm, .ogg, .mov)
iframe	Вгражда страница по нейния адрес или iframe код
emoji	Отваря избора на емоджи (10 категории)
charmap	Отваря избора на специални символи
table	Вмъква таблица

Разни

Елемент	Описание
line	Вмъква хоризонтална линия
pagebreak	Вмъква разделител на страница
source	Превключва изгледа на суровия HTML код
preview	Превключва режима за преглед на HTML
fullscreen	Превключва режима на редактиране на цял екран
formatClear	Премахва цялото форматиране от селекцията
invisibleChar	Вмъква невидими символи (интервали и др.)

Разделители

Използвайте | като разделител между групите бутони в пропъртито items в стил масив:

<Tiptapify
  :items="['bold', 'italic', '|', 'heading', 'bulletList', '|', 'undo', 'redo']"
/>

Пълен пример за лента

<template>
  <Tiptapify
    :items="[
      'undo', 'redo',
      '|',
      'heading', 'fontFamily', 'fontSize',
      '|',
      'bold', 'italic', 'underline', 'strike',
      '|',
      'sup', 'sub', 'code', 'codeBlock', 'blockquote',
      '|',
      'left', 'center', 'right', 'justify',
      '|',
      'bulletList', 'orderedList', 'taskList',
      '|',
      'link', 'image', 'video', 'iframe',
      '|',
      'emoji', 'charmap', 'table',
      '|',
      'ai',
      '|',
      'line', 'pagebreak', 'formatClear',
      '|',
      'source', 'preview', 'fullscreen'
    ]"
  />
</template>