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.
- package/README.md +40 -3
- package/dist/tiptapify.css +1 -1
- package/dist/tiptapify.mjs +22762 -22314
- package/dist/tiptapify.umd.js +53 -38
- package/index.d.ts +2 -2
- package/package.json +45 -47
- package/src/components/Tiptapify.vue +52 -27
- package/src/components/Toolbar/Index.vue +127 -9
- package/src/components/Toolbar/Items.vue +11 -5
- package/src/components/Toolbar/items.ts +14 -2
- package/src/components/Toolbar/misc.ts +5 -0
- package/src/components/Toolbar/style.ts +1 -1
- package/src/components/UI/BtnIcon.vue +3 -3
- package/src/components/UI/TiptapifyDialog.vue +5 -1
- package/src/components/editorExtensions.ts +4 -5
- package/src/components/index.ts +3 -4
- package/src/constants/defaults.ts +4 -0
- package/src/extensions/components/actions/redo/Button.vue +7 -0
- package/src/extensions/components/actions/undo/Button.vue +7 -0
- package/src/extensions/components/alignment/center/Button.vue +7 -0
- package/src/extensions/components/alignment/justify/Button.vue +7 -0
- package/src/extensions/components/alignment/left/Button.vue +7 -0
- package/src/extensions/components/alignment/right/Button.vue +7 -0
- package/src/extensions/components/format/bold/Button.vue +7 -0
- package/src/extensions/components/format/italic/Button.vue +7 -0
- package/src/extensions/components/format/strike/Button.vue +7 -0
- package/src/extensions/components/format/underline/Button.vue +7 -0
- package/src/extensions/components/formatExtra/code/Button.vue +7 -0
- package/src/extensions/components/formatExtra/codeBlock/Button.vue +7 -0
- package/src/extensions/components/formatExtra/quote/Button.vue +7 -0
- package/src/extensions/components/formatExtra/sub/Button.vue +7 -0
- package/src/extensions/components/formatExtra/sup/Button.vue +7 -0
- package/src/extensions/components/list/bullet/Button.vue +103 -1
- package/src/extensions/components/list/bullet/index.ts +101 -0
- package/src/extensions/components/list/indent/Button.vue +7 -0
- package/src/extensions/components/list/numbered/Button.vue +7 -0
- package/src/extensions/components/list/outdent/Button.vue +7 -0
- package/src/extensions/components/list/task/Button.vue +7 -0
- package/src/extensions/components/media/emoji/Button.vue +8 -2
- package/src/extensions/components/media/image/Button.vue +7 -0
- package/src/extensions/components/media/image/ImageDialog.vue +3 -2
- package/src/extensions/components/media/link/Button.vue +7 -0
- package/src/extensions/components/media/link/LinkDialog.vue +2 -1
- package/src/extensions/components/media/table/Button.vue +7 -0
- package/src/extensions/components/media/video/Button.vue +7 -0
- package/src/extensions/components/media/video/VideoDialog.vue +3 -2
- package/src/extensions/components/misc/break/Button.vue +7 -1
- package/src/extensions/components/misc/formatClear/Button.vue +7 -0
- package/src/extensions/components/misc/fullscreen/Button.vue +61 -0
- package/src/extensions/components/misc/invisibleChar/Button.vue +7 -0
- package/src/extensions/components/misc/line/Button.vue +7 -1
- package/src/extensions/components/misc/preview/Button.vue +7 -1
- package/src/extensions/components/misc/source/Button.vue +8 -2
- package/src/extensions/components/misc/source/ShowSourceDialog.vue +2 -1
- package/src/extensions/components/style/StyleColor.vue +4 -2
- package/src/extensions/components/style/color/Button.vue +4 -1
- package/src/extensions/components/style/fontFamily/Button.vue +7 -0
- package/src/extensions/components/style/fontSize/Button.vue +5 -1
- package/src/extensions/components/style/heading/Button.vue +14 -6
- package/src/extensions/components/style/highlight/Button.vue +4 -1
- package/src/extensions/components/style/lineHeight/Button.vue +7 -0
- package/src/types/{toolbarSections.ts → toolbarTypes.ts} +4 -1
- package/src/extensions/components/misc/preview/index.ts +0 -41
- 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
|