@tailor-cms/ce-html-edit 0.0.11

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/dist/style.css ADDED
@@ -0,0 +1,173 @@
1
+ .v-btn.v-btn--density-compact[data-v-5f000959] {
2
+ width: calc(var(--v-btn-height) - 0.25rem);
3
+ height: calc(var(--v-btn-height) - 0.25rem);
4
+ }[data-v-cb530515] .v-btn + .v-btn {
5
+ margin-left: 0.125rem;
6
+ }
7
+ [data-v-cb530515] .v-btn.v-btn--active {
8
+ color: rgba(var(--v-theme-primary));
9
+ }[data-v-e73020ec] .v-btn + .v-btn {
10
+ margin-left: 0.125rem;
11
+ }
12
+ [data-v-e73020ec] .v-btn.v-btn--active {
13
+ color: rgba(var(--v-theme-primary));
14
+ }.tce-container[data-v-c2fe9392] {
15
+ text-align: left;
16
+ }
17
+ [data-v-c2fe9392] .ProseMirror {
18
+ min-height: 5rem;
19
+ padding: 0.5rem;
20
+ font-family: Arial, Helvetica, sans-serif;
21
+ font-size: 1rem;
22
+ outline: none;
23
+ }
24
+ [data-v-c2fe9392] .ProseMirror p.is-editor-empty:first-child::before {
25
+ content: attr(data-placeholder);
26
+ height: 0;
27
+ opacity: 0.5;
28
+ float: left;
29
+ pointer-events: none;
30
+ }
31
+ [data-v-c2fe9392] .ProseMirror > * + * {
32
+ margin-top: 0.75em;
33
+ }
34
+ [data-v-c2fe9392] .ProseMirror ul,[data-v-c2fe9392] .ProseMirror ol {
35
+ padding: 0 1rem;
36
+ }
37
+ [data-v-c2fe9392] .ProseMirror h1,[data-v-c2fe9392] .ProseMirror h2,[data-v-c2fe9392] .ProseMirror h3,[data-v-c2fe9392] .ProseMirror h4,[data-v-c2fe9392] .ProseMirror h5,[data-v-c2fe9392] .ProseMirror h6 {
38
+ line-height: 1.1;
39
+ }
40
+ [data-v-c2fe9392] .ProseMirror code {
41
+ background-color: rgba(97, 97, 97, 0.1);
42
+ color: #616161;
43
+ }
44
+ [data-v-c2fe9392] .ProseMirror pre {
45
+ background: #0d0d0d;
46
+ color: #fff;
47
+ padding: 0.75rem 1rem;
48
+ border-radius: 0.5rem;
49
+ }
50
+ [data-v-c2fe9392] .ProseMirror pre code {
51
+ color: inherit;
52
+ padding: 0;
53
+ background: none;
54
+ font-size: 0.8rem;
55
+ }
56
+ [data-v-c2fe9392] .ProseMirror img {
57
+ max-width: 100%;
58
+ height: auto;
59
+ }
60
+ [data-v-c2fe9392] .ProseMirror img.ProseMirror-selectednode {
61
+ outline: 2px solid #68cef8;
62
+ }
63
+ [data-v-c2fe9392] .ProseMirror blockquote {
64
+ padding-left: 1rem;
65
+ border-left: 2px solid rgba(13, 13, 13, 0.1);
66
+ }
67
+ [data-v-c2fe9392] .ProseMirror hr {
68
+ border: none;
69
+ border-top: 2px solid rgba(13, 13, 13, 0.1);
70
+ margin: 2rem 0;
71
+ }
72
+ [data-v-c2fe9392] .ProseMirror table {
73
+ border-collapse: collapse;
74
+ table-layout: fixed;
75
+ width: 100%;
76
+ margin: 0;
77
+ overflow: hidden;
78
+ }
79
+ [data-v-c2fe9392] .ProseMirror table td,[data-v-c2fe9392] .ProseMirror table th {
80
+ min-width: 1em;
81
+ border: 2px solid #ced4da;
82
+ padding: 3px 5px;
83
+ vertical-align: top;
84
+ box-sizing: border-box;
85
+ position: relative;
86
+ }
87
+ [data-v-c2fe9392] .ProseMirror table td > *,[data-v-c2fe9392] .ProseMirror table th > * {
88
+ margin-bottom: 0;
89
+ }
90
+ [data-v-c2fe9392] .ProseMirror table th {
91
+ font-weight: bold;
92
+ text-align: left;
93
+ background-color: #f1f3f5;
94
+ }
95
+ [data-v-c2fe9392] .ProseMirror table .selectedCell:after {
96
+ z-index: 2;
97
+ position: absolute;
98
+ content: "";
99
+ left: 0;
100
+ right: 0;
101
+ top: 0;
102
+ bottom: 0;
103
+ background: rgba(200, 200, 255, 0.4);
104
+ pointer-events: none;
105
+ }
106
+ [data-v-c2fe9392] .ProseMirror table .column-resize-handle {
107
+ position: absolute;
108
+ right: -2px;
109
+ top: 0;
110
+ bottom: -2px;
111
+ width: 4px;
112
+ background-color: #adf;
113
+ pointer-events: none;
114
+ }
115
+ [data-v-c2fe9392] .ProseMirror table p {
116
+ margin: 0;
117
+ }.v-sheet[data-v-8e6263e8] {
118
+ display: flex;
119
+ flex-direction: column;
120
+ gap: 0.75rem;
121
+ }.v-sheet[data-v-148650fc] {
122
+ display: flex;
123
+ flex-direction: column;
124
+ gap: 0.75rem;
125
+ }.cell-btn[data-v-86386e2b] {
126
+ margin: 0.0625rem;
127
+ }
128
+ .v-input--density-compact[data-v-86386e2b] {
129
+ --v-input-control-height: unset;
130
+ }.v-list-item + .v-list-item[data-v-13c3b0cc] {
131
+ margin-top: 0.125rem;
132
+ }.v-list-item + .v-list-item[data-v-70882e8a] {
133
+ margin-top: 0.125rem;
134
+ }.v-list-item + .v-list-item[data-v-1b30eb43] {
135
+ margin-top: 0.125rem;
136
+ }.mdi-color-helper[data-v-0b56d20a] {
137
+ position: absolute !important;
138
+ }
139
+ .v-btn.v-btn--active[data-v-0b56d20a] {
140
+ color: rgba(var(--v-theme-primary));
141
+ }
142
+ .color-icon[data-v-0b56d20a] {
143
+ position: relative;
144
+ }
145
+ [data-v-0b56d20a] .v-color-picker .v-color-picker-swatches > div {
146
+ padding-bottom: 0;
147
+ }
148
+ [data-v-0b56d20a] .v-color-picker .v-color-picker-swatches__swatch {
149
+ margin: 0;
150
+ }
151
+ [data-v-0b56d20a] .v-color-picker .v-color-picker-swatches__color {
152
+ width: 1.5rem;
153
+ height: 1.5rem;
154
+ margin: 0.125rem;
155
+ max-height: 1.5rem;
156
+ border-radius: 50%;
157
+ }
158
+ .color-btn[data-v-0b56d20a] {
159
+ margin: 0.0625rem;
160
+ border: 1px solid #dadce0;
161
+ }.v-list-item + .v-list-item[data-v-70d410a1] {
162
+ margin-top: 0.125rem;
163
+ }.v-btn-group[data-v-b4ffaa29] {
164
+ display: flex;
165
+ flex-wrap: wrap;
166
+ height: unset;
167
+ }
168
+ [data-v-b4ffaa29] .v-btn + .v-btn {
169
+ margin-left: 0.125rem;
170
+ }
171
+ [data-v-b4ffaa29] .v-btn.v-btn--active {
172
+ color: rgba(var(--v-theme-primary));
173
+ }
package/package.json ADDED
@@ -0,0 +1,62 @@
1
+ {
2
+ "name": "@tailor-cms/ce-html-edit",
3
+ "description": "Tailor CMS HTML editor authoring component",
4
+ "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
5
+ "type": "module",
6
+ "version": "0.0.11",
7
+ "exports": {
8
+ ".": {
9
+ "import": "./dist/index.js",
10
+ "require": "./dist/index.cjs"
11
+ }
12
+ },
13
+ "main": "./dist/index.cjs",
14
+ "files": [
15
+ "dist"
16
+ ],
17
+ "peerDependencies": {
18
+ "vue": "^3.3.4"
19
+ },
20
+ "devDependencies": {
21
+ "@tailor-cms/eslint-config": "0.0.2",
22
+ "@types/lodash": "^4.14.202",
23
+ "@types/validator": "^13.11.9",
24
+ "@vitejs/plugin-vue": "^4.2.3",
25
+ "typescript": "^5.1.6",
26
+ "vite": "^4.4.5",
27
+ "vue-tsc": "^1.8.5",
28
+ "@tailor-cms/ce-html-manifest": "0.0.11"
29
+ },
30
+ "dependencies": {
31
+ "@tiptap/extension-color": "^2.2.3",
32
+ "@tiptap/extension-font-family": "^2.2.3",
33
+ "@tiptap/extension-highlight": "^2.2.3",
34
+ "@tiptap/extension-image": "^2.2.3",
35
+ "@tiptap/extension-link": "^2.2.3",
36
+ "@tiptap/extension-paragraph": "^2.2.3",
37
+ "@tiptap/extension-placeholder": "^2.2.3",
38
+ "@tiptap/extension-subscript": "^2.2.3",
39
+ "@tiptap/extension-superscript": "^2.2.3",
40
+ "@tiptap/extension-table": "^2.2.3",
41
+ "@tiptap/extension-table-cell": "^2.2.3",
42
+ "@tiptap/extension-table-header": "^2.2.3",
43
+ "@tiptap/extension-table-row": "^2.2.3",
44
+ "@tiptap/extension-text-align": "^2.2.3",
45
+ "@tiptap/extension-text-style": "^2.2.3",
46
+ "@tiptap/extension-underline": "^2.2.3",
47
+ "@tiptap/pm": "^2.2.3",
48
+ "@tiptap/starter-kit": "^2.2.3",
49
+ "@tiptap/vue-3": "^2.2.3",
50
+ "lodash": "^4.17.21",
51
+ "validator": "^13.11.0"
52
+ },
53
+ "publishConfig": {
54
+ "access": "public"
55
+ },
56
+ "scripts": {
57
+ "dev": "vite build --watch",
58
+ "build": "vue-tsc --noEmit && vite build",
59
+ "lint": "eslint --ext .js,.ts,.vue ./src",
60
+ "lint:fix": "pnpm lint --fix"
61
+ }
62
+ }