@itshixun/qckeditor-vue2 1.0.12 → 1.0.14
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
CHANGED
|
@@ -26,13 +26,14 @@ npm install vue@^2.6.0 ckeditor5@>=42.0.0
|
|
|
26
26
|
|
|
27
27
|
### 引入样式
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
在使用组件前,需要引入本库的样式文件:
|
|
30
30
|
|
|
31
31
|
```javascript
|
|
32
|
-
import '
|
|
33
|
-
import '@itshixun/qckeditor-vue2/dist/style.css';
|
|
32
|
+
import '@itshixun/qckeditor-vue2/dist/index.css';
|
|
34
33
|
```
|
|
35
34
|
|
|
35
|
+
> 本样式文件已内置 CKEditor 5 官方样式,无需再单独引入 `ckeditor5/ckeditor5.css`。
|
|
36
|
+
|
|
36
37
|
### 基础编辑器(CKEditor)
|
|
37
38
|
|
|
38
39
|
底层 CKEditor 封装组件,支持任意 CKEditor 构建:
|
|
@@ -51,7 +52,7 @@ import '@itshixun/qckeditor-vue2/dist/style.css';
|
|
|
51
52
|
<script>
|
|
52
53
|
import { ClassicEditor } from 'ckeditor5';
|
|
53
54
|
import { CKEditor } from '@itshixun/qckeditor-vue2';
|
|
54
|
-
import '
|
|
55
|
+
import '@itshixun/qckeditor-vue2/dist/index.css';
|
|
55
56
|
|
|
56
57
|
export default {
|
|
57
58
|
components: {
|
|
@@ -89,7 +90,7 @@ export default {
|
|
|
89
90
|
|
|
90
91
|
<script>
|
|
91
92
|
import { QCKClassic } from '@itshixun/qckeditor-vue2';
|
|
92
|
-
import '
|
|
93
|
+
import '@itshixun/qckeditor-vue2/dist/index.css';
|
|
93
94
|
|
|
94
95
|
export default {
|
|
95
96
|
components: {
|
|
@@ -129,7 +130,7 @@ export default {
|
|
|
129
130
|
|
|
130
131
|
<script>
|
|
131
132
|
import { QCKEditorPro } from '@itshixun/qckeditor-vue2';
|
|
132
|
-
import '
|
|
133
|
+
import '@itshixun/qckeditor-vue2/dist/index.css';
|
|
133
134
|
|
|
134
135
|
export default {
|
|
135
136
|
components: {
|
|
@@ -163,7 +164,7 @@ export default {
|
|
|
163
164
|
|
|
164
165
|
<script>
|
|
165
166
|
import { QCKContent } from '@itshixun/qckeditor-vue2';
|
|
166
|
-
import '
|
|
167
|
+
import '@itshixun/qckeditor-vue2/dist/index.css';
|
|
167
168
|
|
|
168
169
|
export default {
|
|
169
170
|
components: {
|
|
@@ -388,7 +389,7 @@ import type { Props, ExtractEditorType } from '@itshixun/qckeditor-vue2';
|
|
|
388
389
|
|
|
389
390
|
1. **CKEditor 授权**:本库使用 CKEditor 5 的 GPL 授权。如需商业使用,请购买 [CKEditor 商业授权](https://ckeditor.com/pricing/)。
|
|
390
391
|
|
|
391
|
-
2.
|
|
392
|
+
2. **样式文件**:导入 `@itshixun/qckeditor-vue2/dist/index.css` 即可,该文件已内置 CKEditor 5 官方样式。
|
|
392
393
|
|
|
393
394
|
3. **HTML 清洗**:`QCKContent` 和 `QCKEditorPro` 默认开启 XSS 防护,会自动过滤危险标签和属性。
|
|
394
395
|
|