Preskoči na sadržaj

Stavke trake sa alatima ​

Sve dostupne stavke trake sa alatima, organizovane po odeljcima.

Radnje ​

StavkaOpis
undoPoništi poslednju izmenu
redoPonovi poslednju poništenu izmenu
resetChangesOdbacuje sve izmene od otvaranja uređivača i briše istoriju (prvo pita)

AI ​

StavkaOpis
aiOtvara AI dijalog za unos upita, ako je podešen

Format ​

StavkaOpis
boldUključi/isključi podebljano
italicUključi/isključi kurziv
underlineUključi/isključi podvlačenje
strikeUključi/isključi precrtavanje

Dodatni format ​

StavkaOpis
supUključi/isključi eksponent
subUključi/isključi indeks
codeUključi/isključi kod u liniji
codeBlockUmetni blok koda sa isticanjem sintakse
blockquoteUmetni citat

Stil ​

StavkaOpis
headingPadajući meni za izbor nivoa naslova (H1-H6)
fontFamilyPadajući meni za izbor porodice fonta
fontSizePadajući meni za izbor veličine fonta
lineHeightPodešavanje visine reda
textColorBoja teksta: paleta, nedavne boje, HEX, pipeta, prilagođeni birač
highlightColorBoja isticanja: isti birač, prva opcija je „Bez isticanja“

Stavka heading prihvata opcije posle dvotačke: nivoe naslova, p za dodavanje stavke za pasus i inline da se prikažu kao zasebna dugmad umesto padajućeg menija:

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

Poravnanje ​

StavkaOpis
leftPoravnaj tekst ulevo
centerCentriraj tekst
rightPoravnaj tekst udesno
justifyObostrano poravnaj tekst
alignPadajući meni za poravnanje; align:left,center,right ograničava opcije

Liste ​

StavkaOpis
bulletListUključi/isključi listu sa tačkama
orderedListUključi/isključi numerisanu listu
taskListUključi/isključi listu zadataka (polja za potvrdu)
indentUvuci trenutni blok
outdentIzvuci trenutni blok

Mediji ​

StavkaOpis
linkUmetni/uredi vezu ili karticu veze pomoću linkPreview
imageUmetni/uredi sliku: preko URL-a ili otpremanjem, alt tekst, opis, veličina, položaj
videoUmetni/uredi YouTube, Vimeo ili video fajl (.mp4, .webm, .ogg, .mov)
iframeUgradi stranicu preko njene adrese ili iframe koda
emojiOtvori izbor emodžija (10 kategorija)
charmapOtvori izbor posebnih znakova
tableUmetni tabelu

Ostalo ​

StavkaOpis
lineUmetni horizontalnu liniju
pagebreakUmetni prelom stranice
sourceUključi/isključi prikaz izvornog HTML-a
previewUključi/isključi HTML pregled
fullscreenUključi/isključi uređivanje preko celog ekrana
formatClearUkloni sve formatiranje iz izbora
invisibleCharUmetni nevidljive znakove (razmake itd.)

Separatori ​

Koristite | kao separator između grupa dugmadi u propu items zadatom kao niz:

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

Primer kompletne trake sa alatima ​

vue
<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>

Objavljeno pod MIT licencom.