tiptapify 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/README.md +3 -2
  2. package/dist/tiptapify.css +1 -1
  3. package/dist/{tiptapify.es.js → tiptapify.mjs} +52865 -52006
  4. package/dist/tiptapify.umd.js +41 -43
  5. package/package.json +8 -8
  6. package/src/components/Footer.vue +5 -6
  7. package/src/components/MenuBubble.vue +39 -30
  8. package/src/components/MenuFloating.vue +10 -10
  9. package/src/components/Tiptapify.vue +89 -10
  10. package/src/components/Toolbar/Group.vue +8 -43
  11. package/src/components/Toolbar/GroupDropdown.vue +85 -0
  12. package/src/components/Toolbar/Index.vue +11 -10
  13. package/src/components/Toolbar/items/media.ts +179 -2
  14. package/src/components/Toolbar/items/misc.ts +10 -1
  15. package/src/components/Toolbar/items/style.ts +2 -2
  16. package/src/components/Toolbar/items.ts +1 -0
  17. package/src/components/editorExtensions.ts +6 -4
  18. package/src/components/index.ts +13 -0
  19. package/src/{components/extensions → extensions}/components/LinkDialog.vue +11 -8
  20. package/src/extensions/components/PreviewDialog.vue +45 -0
  21. package/src/{components/extensions/components/ShowSource.vue → extensions/components/ShowSourceDialog.vue} +11 -7
  22. package/src/extensions/components/TableBuilder.vue +138 -0
  23. package/src/extensions/preview.ts +53 -0
  24. package/src/{components/extensions → extensions}/view-source.ts +1 -3
  25. package/src/i18n/locales/de.json +64 -45
  26. package/src/i18n/locales/en.json +21 -2
  27. package/src/i18n/locales/es.json +27 -8
  28. package/src/i18n/locales/fr.json +26 -7
  29. package/src/i18n/locales/it.json +36 -17
  30. package/src/i18n/locales/pl.json +28 -9
  31. package/src/i18n/locales/ru.json +21 -2
  32. package/src/i18n/locales/ua.json +21 -2
  33. package/src/utils/helpers.ts +17 -0
  34. package/src/composable/useEditor.ts +0 -35
  35. /package/src/{components/extensions → extensions}/components/slashCommands/CommandsList.vue +0 -0
  36. /package/src/{components/extensions → extensions}/components/slashCommands/suggestion.ts +0 -0
  37. /package/src/{components/extensions → extensions}/slash-commands.ts +0 -0
@@ -1,67 +1,86 @@
1
1
  {
2
2
  "style": {
3
- "paragraph": "Absatz",
4
- "heading": "Überschrift",
3
+ "paragraph": "absatz",
4
+ "heading": "überschrift",
5
5
  "headings": {
6
- "h1": "Überschrift Ebene 1",
7
- "h2": "Überschrift Ebene 2",
8
- "h3": "Überschrift Ebene 3",
9
- "h4": "Überschrift Ebene 4",
10
- "h5": "Überschrift Ebene 5",
11
- "h6": "Überschrift Ebene 6"
6
+ "h1": "überschrift ebene 1",
7
+ "h2": "überschrift ebene 2",
8
+ "h3": "überschrift ebene 3",
9
+ "h4": "überschrift ebene 4",
10
+ "h5": "überschrift ebene 5",
11
+ "h6": "überschrift ebene 6"
12
12
  },
13
- "fontFamily": "Schriftart",
14
- "fontSize": "Schriftgröße",
15
- "lineHeight": "Zeilenhöhe"
13
+ "fontFamily": "schriftart",
14
+ "fontSize": "schriftgröße",
15
+ "lineHeight": "zeilenhöhe"
16
16
  },
17
17
  "format": {
18
- "bold": "Fett",
19
- "italic": "Kursiv",
20
- "strike": "Durchgestrichen",
21
- "underline": "Unterstrichen",
22
- "sup": "Hochgestellt",
23
- "sub": "Tiefgestellt",
24
- "break": "Zeilenumbruch",
25
- "highlight": "Hervorheben",
26
- "line": "Horizontale Linie",
27
- "blockquote": "Zitat",
28
- "code": "Code",
29
- "codeblock": "Codeblock",
30
- "link": "Externer Link",
31
- "formatClear": "Formatierung löschen"
18
+ "bold": "fett",
19
+ "italic": "kursiv",
20
+ "strike": "durchgestrichen",
21
+ "underline": "unterstrichen",
22
+ "sup": "hochgestellt",
23
+ "sub": "tiefgestellt",
24
+ "break": "zeilenumbruch",
25
+ "highlight": "hervorheben",
26
+ "line": "horizontale linie",
27
+ "blockquote": "zitat",
28
+ "code": "code",
29
+ "codeblock": "codeblock",
30
+ "link": "externer link",
31
+ "formatClear": "formatierung löschen",
32
+ "tables": {
33
+ "table": "tabelle",
34
+ "insertTable": "tabelle einfügen",
35
+ "deleteTable": "tabelle löschen",
36
+ "insertWithHeaderRow": "tabelle mit kopfzeile einfügen",
37
+ "rows": "zeilen",
38
+ "row": "zeile",
39
+ "insertRowBefore": "zeile oberhalb einfügen",
40
+ "insertRowAfter": "zeile unterhalb einfügen",
41
+ "deleteRow": "zeile löschen",
42
+ "cols": "spalten",
43
+ "col": "spalte",
44
+ "insertColBefore": "spalte links einfügen",
45
+ "insertColAfter": "spalte rechts einfügen",
46
+ "deleteCol": "spalte löschen",
47
+ "mergeCells": "zellen verbinden",
48
+ "splitCell": "zelle teilen"
49
+ }
32
50
  },
33
51
  "action": {
34
- "undo": "Rückgängig",
35
- "redo": "Wiederherstellen"
52
+ "undo": "rückgängig",
53
+ "redo": "wiederherstellen"
36
54
  },
37
- "alignment": "Ausrichtung",
55
+ "alignment": "ausrichtung",
38
56
  "alignments": {
39
- "left": "Linksbündig",
40
- "center": "Zentriert",
41
- "right": "Rechtsbündig",
42
- "justify": "Blocksatz"
57
+ "left": "linksbündig",
58
+ "center": "zentriert",
59
+ "right": "rechtsbündig",
60
+ "justify": "blocksatz"
43
61
  },
44
- "list": "Liste",
62
+ "list": "liste",
45
63
  "lists": {
46
- "bullet": "Aufzählungsliste",
47
- "numbered": "Nummerierte Liste",
48
- "task": "Aufgabenliste",
49
- "indent": "Einzug vergrößern",
50
- "outdent": "Einzug verkleinern"
64
+ "bullet": "aufzählungsliste",
65
+ "numbered": "nummerierte liste",
66
+ "task": "aufgabenliste",
67
+ "indent": "einzug vergrößern",
68
+ "outdent": "einzug verkleinern"
51
69
  },
52
70
  "dialog": {
53
- "close": "Schließen",
54
- "apply": "Anwenden",
71
+ "close": "schließen",
72
+ "apply": "anwenden",
55
73
  "link": {
56
- "title": "Link hinzufügen/bearbeiten",
57
- "placeholder": "Linkadresse"
74
+ "title": "link hinzufügen/bearbeiten",
75
+ "placeholder": "linkadresse"
58
76
  },
59
77
  "source": {
60
- "title": "Quellcode anzeigen",
61
- "prettify": "prettify"
78
+ "title": "quellcode anzeigen",
79
+ "prettify": "formatieren"
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "Quellcode anzeigen"
83
+ "source": "quellcode anzeigen",
84
+ "preview": "vorschau"
66
85
  }
67
86
  }
@@ -28,7 +28,25 @@
28
28
  "code": "code",
29
29
  "codeblock": "code block",
30
30
  "link": "external link",
31
- "formatClear": "format clear"
31
+ "formatClear": "format clear",
32
+ "tables": {
33
+ "table": "table",
34
+ "insertTable": "insert table",
35
+ "deleteTable": "delete table",
36
+ "insertWithHeaderRow": "insert table with header row",
37
+ "rows": "rows",
38
+ "row": "row",
39
+ "insertRowBefore": "insert row before",
40
+ "insertRowAfter": "insert row after",
41
+ "deleteRow": "delete row",
42
+ "cols": "columns",
43
+ "col": "column",
44
+ "insertColBefore": "insert column before",
45
+ "insertColAfter": "insert column after",
46
+ "deleteCol": "delete column",
47
+ "mergeCells": "merge cells",
48
+ "splitCell": "split cell"
49
+ }
32
50
  },
33
51
  "action": {
34
52
  "undo": "undo",
@@ -62,6 +80,7 @@
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "view source code"
83
+ "source": "view source code",
84
+ "preview": "preview"
66
85
  }
67
86
  }
@@ -22,13 +22,31 @@
22
22
  "sup": "superíndice",
23
23
  "sub": "subíndice",
24
24
  "break": "salto de línea",
25
- "highlight": "resaltado",
25
+ "highlight": "resaltar",
26
26
  "line": "línea horizontal",
27
27
  "blockquote": "cita",
28
28
  "code": "código",
29
29
  "codeblock": "bloque de código",
30
30
  "link": "enlace externo",
31
- "formatClear": "limpiar formato"
31
+ "formatClear": "borrar formato",
32
+ "tables": {
33
+ "table": "tabla",
34
+ "insertTable": "insertar tabla",
35
+ "deleteTable": "eliminar tabla",
36
+ "insertWithHeaderRow": "insertar tabla con fila de encabezado",
37
+ "rows": "filas",
38
+ "row": "fila",
39
+ "insertRowBefore": "insertar fila antes",
40
+ "insertRowAfter": "insertar fila después",
41
+ "deleteRow": "eliminar fila",
42
+ "cols": "columnas",
43
+ "col": "columna",
44
+ "insertColBefore": "insertar columna antes",
45
+ "insertColAfter": "insertar columna después",
46
+ "deleteCol": "eliminar columna",
47
+ "mergeCells": "combinar celdas",
48
+ "splitCell": "dividir celda"
49
+ }
32
50
  },
33
51
  "action": {
34
52
  "undo": "deshacer",
@@ -43,25 +61,26 @@
43
61
  },
44
62
  "list": "lista",
45
63
  "lists": {
46
- "bullet": "lista con viñetas",
64
+ "bullet": "lista sin orden",
47
65
  "numbered": "lista numerada",
48
66
  "task": "lista de tareas",
49
- "indent": "aumentar sangría",
50
- "outdent": "disminuir sangría"
67
+ "indent": "sangría de elemento",
68
+ "outdent": "reducir sangría"
51
69
  },
52
70
  "dialog": {
53
71
  "close": "cerrar",
54
72
  "apply": "aplicar",
55
73
  "link": {
56
- "title": "añadir/editar enlace",
74
+ "title": "agregar/editar enlace",
57
75
  "placeholder": "dirección del enlace"
58
76
  },
59
77
  "source": {
60
78
  "title": "ver código fuente",
61
- "prettify": "prettify"
79
+ "prettify": "embellecer"
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "ver código fuente"
83
+ "source": "ver código fuente",
84
+ "preview": "vista previa"
66
85
  }
67
86
  }
@@ -22,13 +22,31 @@
22
22
  "sup": "exposant",
23
23
  "sub": "indice",
24
24
  "break": "saut de ligne",
25
- "highlight": "surbrillance",
25
+ "highlight": "surligner",
26
26
  "line": "ligne horizontale",
27
27
  "blockquote": "citation",
28
28
  "code": "code",
29
29
  "codeblock": "bloc de code",
30
30
  "link": "lien externe",
31
- "formatClear": "effacer le formatage"
31
+ "formatClear": "effacer le format",
32
+ "tables": {
33
+ "table": "tableau",
34
+ "insertTable": "insérer un tableau",
35
+ "deleteTable": "supprimer le tableau",
36
+ "insertWithHeaderRow": "insérer un tableau avec ligne d'en-tête",
37
+ "rows": "lignes",
38
+ "row": "ligne",
39
+ "insertRowBefore": "insérer une ligne avant",
40
+ "insertRowAfter": "insérer une ligne après",
41
+ "deleteRow": "supprimer la ligne",
42
+ "cols": "colonnes",
43
+ "col": "colonne",
44
+ "insertColBefore": "insérer une colonne avant",
45
+ "insertColAfter": "insérer une colonne après",
46
+ "deleteCol": "supprimer la colonne",
47
+ "mergeCells": "fusionner les cellules",
48
+ "splitCell": "diviser la cellule"
49
+ }
32
50
  },
33
51
  "action": {
34
52
  "undo": "annuler",
@@ -46,22 +64,23 @@
46
64
  "bullet": "liste à puces",
47
65
  "numbered": "liste numérotée",
48
66
  "task": "liste de tâches",
49
- "indent": "augmenter l'indentation",
50
- "outdent": "diminuer l'indentation"
67
+ "indent": "retrait d'élément",
68
+ "outdent": "réduire le retrait"
51
69
  },
52
70
  "dialog": {
53
71
  "close": "fermer",
54
72
  "apply": "appliquer",
55
73
  "link": {
56
- "title": "ajouter/modifier un lien",
74
+ "title": "ajouter/modifier le lien",
57
75
  "placeholder": "adresse du lien"
58
76
  },
59
77
  "source": {
60
78
  "title": "voir le code source",
61
- "prettify": "prettify"
79
+ "prettify": "embellir"
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "voir le code source"
83
+ "source": "voir le code source",
84
+ "preview": "aperçu"
66
85
  }
67
86
  }
@@ -10,9 +10,9 @@
10
10
  "h5": "intestazione livello 5",
11
11
  "h6": "intestazione livello 6"
12
12
  },
13
- "fontFamily": "famiglia del carattere",
14
- "fontSize": "dimensione del carattere",
15
- "lineHeight": "interlinea"
13
+ "fontFamily": "famiglia di caratteri",
14
+ "fontSize": "dimensione carattere",
15
+ "lineHeight": "altezza di riga"
16
16
  },
17
17
  "format": {
18
18
  "bold": "grassetto",
@@ -22,46 +22,65 @@
22
22
  "sup": "apice",
23
23
  "sub": "pedice",
24
24
  "break": "interruzione di riga",
25
- "highlight": "evidenziato",
25
+ "highlight": "evidenzia",
26
26
  "line": "linea orizzontale",
27
27
  "blockquote": "citazione",
28
28
  "code": "codice",
29
29
  "codeblock": "blocco di codice",
30
- "link": "link esterno",
31
- "formatClear": "cancella formattazione"
30
+ "link": "collegamento esterno",
31
+ "formatClear": "cancella formato",
32
+ "tables": {
33
+ "table": "tabella",
34
+ "insertTable": "inserisci tabella",
35
+ "deleteTable": "elimina tabella",
36
+ "insertWithHeaderRow": "inserisci tabella con riga di intestazione",
37
+ "rows": "righe",
38
+ "row": "riga",
39
+ "insertRowBefore": "inserisci riga prima",
40
+ "insertRowAfter": "inserisci riga dopo",
41
+ "deleteRow": "elimina riga",
42
+ "cols": "colonne",
43
+ "col": "colonna",
44
+ "insertColBefore": "inserisci colonna prima",
45
+ "insertColAfter": "inserisci colonna dopo",
46
+ "deleteCol": "elimina colonna",
47
+ "mergeCells": "unisci celle",
48
+ "splitCell": "dividi cella"
49
+ }
32
50
  },
33
51
  "action": {
34
52
  "undo": "annulla",
35
- "redo": "ripeti"
53
+ "redo": "ripristina"
36
54
  },
37
55
  "alignment": "allineamento",
38
56
  "alignments": {
39
57
  "left": "allinea a sinistra",
40
- "center": "allinea al centro",
58
+ "center": "centra",
41
59
  "right": "allinea a destra",
42
60
  "justify": "giustifica"
43
61
  },
44
- "list": "lista",
62
+ "list": "elenco",
45
63
  "lists": {
46
- "bullet": "lista puntata",
47
- "numbered": "lista numerata",
48
- "task": "lista di attività",
49
- "indent": "aumenta rientro",
64
+ "bullet": "elenco puntato",
65
+ "numbered": "elenco numerato",
66
+ "task": "elenco attività",
67
+ "indent": "rientro elemento",
50
68
  "outdent": "riduci rientro"
51
69
  },
52
70
  "dialog": {
53
71
  "close": "chiudi",
54
72
  "apply": "applica",
55
73
  "link": {
56
- "title": "aggiungi/modifica link",
57
- "placeholder": "indirizzo del link"
74
+ "title": "aggiungi/modifica collegamento",
75
+ "placeholder": "indirizzo del collegamento"
58
76
  },
59
77
  "source": {
60
78
  "title": "visualizza codice sorgente",
61
- "prettify": "prettify"
79
+ "prettify": "abbellisci"
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "visualizza codice sorgente"
83
+ "source": "visualizza codice sorgente",
84
+ "preview": "anteprima"
66
85
  }
67
86
  }
@@ -21,18 +21,36 @@
21
21
  "underline": "podkreślenie",
22
22
  "sup": "indeks górny",
23
23
  "sub": "indeks dolny",
24
- "break": "twarda spacja",
25
- "highlight": "wyróżnienie",
24
+ "break": "łamanie linii",
25
+ "highlight": "podświetlenie",
26
26
  "line": "linia pozioma",
27
27
  "blockquote": "cytat",
28
28
  "code": "kod",
29
29
  "codeblock": "blok kodu",
30
30
  "link": "link zewnętrzny",
31
- "formatClear": "wyczyść formatowanie"
31
+ "formatClear": "wyczyść formatowanie",
32
+ "tables": {
33
+ "table": "tabela",
34
+ "insertTable": "wstaw tabelę",
35
+ "deleteTable": "usuń tabelę",
36
+ "insertWithHeaderRow": "wstaw tabelę z wierszem nagłówka",
37
+ "rows": "wiersze",
38
+ "row": "wiersz",
39
+ "insertRowBefore": "wstaw wiersz przed",
40
+ "insertRowAfter": "wstaw wiersz po",
41
+ "deleteRow": "usuń wiersz",
42
+ "cols": "kolumny",
43
+ "col": "kolumna",
44
+ "insertColBefore": "wstaw kolumnę przed",
45
+ "insertColAfter": "wstaw kolumnę po",
46
+ "deleteCol": "usuń kolumnę",
47
+ "mergeCells": "połącz komórki",
48
+ "splitCell": "podziel komórkę"
49
+ }
32
50
  },
33
51
  "action": {
34
52
  "undo": "cofnij",
35
- "redo": "przywróć"
53
+ "redo": "ponów"
36
54
  },
37
55
  "alignment": "wyrównanie",
38
56
  "alignments": {
@@ -43,10 +61,10 @@
43
61
  },
44
62
  "list": "lista",
45
63
  "lists": {
46
- "bullet": "lista wypunktowana",
64
+ "bullet": "lista punktowana",
47
65
  "numbered": "lista numerowana",
48
66
  "task": "lista zadań",
49
- "indent": "zwiększ wcięcie",
67
+ "indent": "wcięcie elementu",
50
68
  "outdent": "zmniejsz wcięcie"
51
69
  },
52
70
  "dialog": {
@@ -57,11 +75,12 @@
57
75
  "placeholder": "adres linku"
58
76
  },
59
77
  "source": {
60
- "title": "pokaż kod źródłowy",
61
- "prettify": "prettify"
78
+ "title": "wyświetl kod źródłowy",
79
+ "prettify": "sformatuj"
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "pokaż kod źródłowy"
83
+ "source": "wyświetl kod źródłowy",
84
+ "preview": "podgląd"
66
85
  }
67
86
  }
@@ -28,7 +28,25 @@
28
28
  "code": "код",
29
29
  "codeblock": "блок кода",
30
30
  "link": "внешняя ссылка",
31
- "formatClear": "очистить форматирование"
31
+ "formatClear": "очистить форматирование",
32
+ "tables": {
33
+ "table": "таблица",
34
+ "insertTable": "вставить таблицу",
35
+ "deleteTable": "удалить таблицу",
36
+ "insertWithHeaderRow": "вставить таблицу с заголовком",
37
+ "rows": "строки",
38
+ "row": "строка",
39
+ "insertRowBefore": "вставить строку перед",
40
+ "insertRowAfter": "вставить строку после",
41
+ "deleteRow": "удалить строку",
42
+ "cols": "столбцы",
43
+ "col": "столбец",
44
+ "insertColBefore": "вставить колонку перед",
45
+ "insertColAfter": "вставить колонку после",
46
+ "deleteCol": "удалить колонку",
47
+ "mergeCells": "объединить ячейки",
48
+ "splitCell": "разделить ячейку"
49
+ }
32
50
  },
33
51
  "action": {
34
52
  "undo": "отмена",
@@ -62,6 +80,7 @@
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "просмотр исходного кода"
83
+ "source": "просмотр исходного кода",
84
+ "preview": "предпросмотр"
66
85
  }
67
86
  }
@@ -28,7 +28,25 @@
28
28
  "code": "код",
29
29
  "codeblock": "блок коду",
30
30
  "link": "зовнішнє посилання",
31
- "formatClear": "очистити форматування"
31
+ "formatClear": "очистити форматування",
32
+ "tables": {
33
+ "table": "таблиця",
34
+ "insertTable": "вставити таблицю",
35
+ "deleteTable": "видалити таблицю",
36
+ "insertWithHeaderRow": "вставити таблицю із заголовком",
37
+ "rows": "строки",
38
+ "row": "строка",
39
+ "insertRowBefore": "вставити строку перед",
40
+ "insertRowAfter": "вставити строку після",
41
+ "deleteRow": "видалити строку",
42
+ "cols": "стовпчики",
43
+ "col": "стовпчик",
44
+ "insertColBefore": "вставити колонку перед",
45
+ "insertColAfter": "вставити колонку після",
46
+ "deleteCol": "видалити колонку",
47
+ "mergeCells": "об'єднати клітинки",
48
+ "splitCell": "розділити клітинки"
49
+ }
32
50
  },
33
51
  "action": {
34
52
  "undo": "відміна",
@@ -62,6 +80,7 @@
62
80
  }
63
81
  },
64
82
  "misc": {
65
- "source": "перегляд вихідного коду"
83
+ "source": "перегляд вихідного коду",
84
+ "preview": "попередній перегляд"
66
85
  }
67
86
  }
@@ -0,0 +1,17 @@
1
+ export default {
2
+ ucFirst: (string: String, snakeCaseToWords: Boolean = false, kebabCaseToWords: Boolean = false): String|any => {
3
+ if (!string) {
4
+ return string
5
+ }
6
+
7
+ if (snakeCaseToWords) {
8
+ string = string.replaceAll('_', ' ')
9
+ }
10
+
11
+ if (kebabCaseToWords) {
12
+ string = string.replaceAll('-', ' ')
13
+ }
14
+
15
+ return string[0].toUpperCase() + string.slice(1)
16
+ }
17
+ }
@@ -1,35 +0,0 @@
1
- import { useEditor as useEditorOriginal } from '@tiptap/vue-3'
2
-
3
- import { editorExtensions } from '@tiptapify/components/editorExtensions'
4
-
5
- let editorInstance: any = null
6
-
7
- export function useEditor(content: any = '', placeholder: string = '', slashCommands: boolean = true) {
8
- class TiptapifyEditor {
9
- private editor
10
-
11
- constructor() {
12
- const extensions = editorExtensions(placeholder, slashCommands)
13
- this.editor = useEditorOriginal({
14
- content,
15
- extensions,
16
- })
17
- }
18
-
19
- getInstance() {
20
- return this.editor
21
- }
22
-
23
- destroy() {
24
- this.editor.value.destroy()
25
- }
26
- }
27
-
28
- if (!editorInstance) {
29
- editorInstance = new TiptapifyEditor()
30
- }
31
-
32
- return {
33
- editor: editorInstance
34
- }
35
- }