tiptapify 0.0.23 → 0.0.26

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 (64) hide show
  1. package/README.md +40 -3
  2. package/dist/tiptapify.css +1 -1
  3. package/dist/tiptapify.mjs +22762 -22314
  4. package/dist/tiptapify.umd.js +53 -38
  5. package/index.d.ts +2 -2
  6. package/package.json +45 -47
  7. package/src/components/Tiptapify.vue +52 -27
  8. package/src/components/Toolbar/Index.vue +127 -9
  9. package/src/components/Toolbar/Items.vue +11 -5
  10. package/src/components/Toolbar/items.ts +14 -2
  11. package/src/components/Toolbar/misc.ts +5 -0
  12. package/src/components/Toolbar/style.ts +1 -1
  13. package/src/components/UI/BtnIcon.vue +3 -3
  14. package/src/components/UI/TiptapifyDialog.vue +5 -1
  15. package/src/components/editorExtensions.ts +4 -5
  16. package/src/components/index.ts +3 -4
  17. package/src/constants/defaults.ts +4 -0
  18. package/src/extensions/components/actions/redo/Button.vue +7 -0
  19. package/src/extensions/components/actions/undo/Button.vue +7 -0
  20. package/src/extensions/components/alignment/center/Button.vue +7 -0
  21. package/src/extensions/components/alignment/justify/Button.vue +7 -0
  22. package/src/extensions/components/alignment/left/Button.vue +7 -0
  23. package/src/extensions/components/alignment/right/Button.vue +7 -0
  24. package/src/extensions/components/format/bold/Button.vue +7 -0
  25. package/src/extensions/components/format/italic/Button.vue +7 -0
  26. package/src/extensions/components/format/strike/Button.vue +7 -0
  27. package/src/extensions/components/format/underline/Button.vue +7 -0
  28. package/src/extensions/components/formatExtra/code/Button.vue +7 -0
  29. package/src/extensions/components/formatExtra/codeBlock/Button.vue +7 -0
  30. package/src/extensions/components/formatExtra/quote/Button.vue +7 -0
  31. package/src/extensions/components/formatExtra/sub/Button.vue +7 -0
  32. package/src/extensions/components/formatExtra/sup/Button.vue +7 -0
  33. package/src/extensions/components/list/bullet/Button.vue +103 -1
  34. package/src/extensions/components/list/bullet/index.ts +101 -0
  35. package/src/extensions/components/list/indent/Button.vue +7 -0
  36. package/src/extensions/components/list/numbered/Button.vue +7 -0
  37. package/src/extensions/components/list/outdent/Button.vue +7 -0
  38. package/src/extensions/components/list/task/Button.vue +7 -0
  39. package/src/extensions/components/media/emoji/Button.vue +8 -2
  40. package/src/extensions/components/media/image/Button.vue +7 -0
  41. package/src/extensions/components/media/image/ImageDialog.vue +3 -2
  42. package/src/extensions/components/media/link/Button.vue +7 -0
  43. package/src/extensions/components/media/link/LinkDialog.vue +2 -1
  44. package/src/extensions/components/media/table/Button.vue +7 -0
  45. package/src/extensions/components/media/video/Button.vue +7 -0
  46. package/src/extensions/components/media/video/VideoDialog.vue +3 -2
  47. package/src/extensions/components/misc/break/Button.vue +7 -1
  48. package/src/extensions/components/misc/formatClear/Button.vue +7 -0
  49. package/src/extensions/components/misc/fullscreen/Button.vue +61 -0
  50. package/src/extensions/components/misc/invisibleChar/Button.vue +7 -0
  51. package/src/extensions/components/misc/line/Button.vue +7 -1
  52. package/src/extensions/components/misc/preview/Button.vue +7 -1
  53. package/src/extensions/components/misc/source/Button.vue +8 -2
  54. package/src/extensions/components/misc/source/ShowSourceDialog.vue +2 -1
  55. package/src/extensions/components/style/StyleColor.vue +4 -2
  56. package/src/extensions/components/style/color/Button.vue +4 -1
  57. package/src/extensions/components/style/fontFamily/Button.vue +7 -0
  58. package/src/extensions/components/style/fontSize/Button.vue +5 -1
  59. package/src/extensions/components/style/heading/Button.vue +14 -6
  60. package/src/extensions/components/style/highlight/Button.vue +4 -1
  61. package/src/extensions/components/style/lineHeight/Button.vue +7 -0
  62. package/src/types/{toolbarSections.ts → toolbarTypes.ts} +4 -1
  63. package/src/extensions/components/misc/preview/index.ts +0 -41
  64. package/src/extensions/components/misc/source/index.ts +0 -49
package/README.md CHANGED
@@ -74,7 +74,7 @@ app.mount('#app')
74
74
  ## Usage
75
75
 
76
76
  ```vue
77
- <script setup>
77
+ <script setup lang="ts">
78
78
  const handleEditorReady = (options: { editor: any, getHTML: Function, getJSON: Function, echo: Function }) => {
79
79
  console.log('The editor is ready', options.editor);
80
80
  console.log('editor html', options.getHTML());
@@ -93,6 +93,43 @@ app.mount('#app')
93
93
  </template>
94
94
  ```
95
95
 
96
+ <br>
97
+ You can choose which toolbar items to display by providing array/object to items prop
98
+
99
+ ```vue
100
+ <script setup lang="ts">
101
+ // show items in predefined sections
102
+ const items = ['fontFamily', 'fontSize', 'lineHeight', 'textColor', 'highlightColor', 'code', 'codeBlock', 'pagebreak']
103
+
104
+ // show items in custom sections
105
+ const items = { section1: ['textColor', 'fontFamily', 'fontSize', 'lineHeight', 'code', 'codeBlock'], section2: ['pagebreak'] }
106
+ </script>
107
+
108
+ <template>
109
+ <Tiptapify
110
+ ...
111
+ :items="items"
112
+ />
113
+ </template>
114
+ ```
115
+
116
+ <br>
117
+ Also you can choose which toolbar items to ignore by providing prop items-exclude alongside items prop.
118
+
119
+ ```vue
120
+ <script setup lang="ts">
121
+ const items = ['fontFamily', 'fontSize', 'lineHeight', 'textColor', 'highlightColor', 'code', 'codeBlock', 'pagebreak']
122
+ </script>
123
+
124
+ <template>
125
+ <Tiptapify
126
+ ...
127
+ :items="items"
128
+ :items-exclude="true"
129
+ />
130
+ </template>
131
+ ```
132
+
96
133
  ## L10N (Localisation)
97
134
  Found a wrong translation or want to add a new language? Feel free to [send your translation](mailto:ivoyt90@gmail.com) made from the [template](https://raw.githubusercontent.com/IVoyt/tiptapify/refs/heads/main/src/i18n/locales/en.json).
98
135
 
@@ -105,6 +142,7 @@ Found a bug or have ideas on improvement? Feel free to [create a ticket](https:/
105
142
  - [x] menu items list customizable
106
143
  - [x] extend a built-in font list
107
144
  - [x] raw html mode
145
+ - [x] fullscreen mode
108
146
  - [x] tables extension
109
147
  - [x] preview extension
110
148
  - [x] image extension
@@ -113,10 +151,9 @@ Found a bug or have ideas on improvement? Feel free to [create a ticket](https:/
113
151
  - [x] emoji extension
114
152
  - [x] video extensions
115
153
  - [x] filter option in emoji extension
154
+ - [x] option to provide custom extension
116
155
  - [ ] extended video extensions
117
156
  - [ ] print hotkey in a tooltip
118
- - [ ] option to use custom component for link & media extension
119
- - [ ] option to provide custom extension
120
157
  - [ ] demo
121
158
  - [ ] documentation
122
159
  - [ ] AI features