@libs-ui/components-inputs-quill 0.2.357-7 → 0.2.357-9
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 +3 -12
- package/package.json +19 -19
package/README.md
CHANGED
|
@@ -237,9 +237,8 @@ export class MyComponent {
|
|
|
237
237
|
|
|
238
238
|
private quillControl: IQuillFunctionControlEvent | undefined;
|
|
239
239
|
|
|
240
|
-
protected handlerFunctionsControl(
|
|
241
|
-
|
|
242
|
-
this.quillControl = event;
|
|
240
|
+
protected handlerFunctionsControl(control: IQuillFunctionControlEvent): void {
|
|
241
|
+
this.quillControl = control;
|
|
243
242
|
}
|
|
244
243
|
|
|
245
244
|
protected async handlerSetContent(event: Event): Promise<void> {
|
|
@@ -376,7 +375,7 @@ export class MyComponent {
|
|
|
376
375
|
|
|
377
376
|
| Output | Type | Mô tả | Handler TS | Binding HTML |
|
|
378
377
|
|---|---|---|---|---|
|
|
379
|
-
| `(outChange)` | `string` | Emits chuỗi HTML khi nội dung editor thay đổi (sau xssFilter). | `handlerChange(html: string): void {
|
|
378
|
+
| `(outChange)` | `string` | Emits chuỗi HTML khi nội dung editor thay đổi (sau xssFilter). | `handlerChange(html: string): void { this.content.set(html); }` | `(outChange)="handlerChange($event)"` |
|
|
380
379
|
| `(outFocus)` | `void` | Emits khi người dùng focus vào editor. | `handlerFocus(): void { this.isFocused.set(true); }` | `(outFocus)="handlerFocus()"` |
|
|
381
380
|
| `(outBlur)` | `void` | Emits khi editor mất focus. | `handlerBlur(): void { this.isFocused.set(false); }` | `(outBlur)="handlerBlur()"` |
|
|
382
381
|
| `(outFunctionsControl)` | `IQuillFunctionControlEvent` | Emits object chứa các hàm điều khiển editor từ bên ngoài. Emits ngay khi component khởi tạo. | `handlerFunctionsControl(ctrl: IQuillFunctionControlEvent): void { this.quillCtrl = ctrl; }` | `(outFunctionsControl)="handlerFunctionsControl($event)"` |
|
|
@@ -535,11 +534,3 @@ insertContentWithRange(quillInstance, content, range);
|
|
|
535
534
|
⚠️ **Peer dependencies**: Component phụ thuộc vào `quill@^1.x` và các thư viện nội bộ `@libs-ui`. Đảm bảo đã cài đặt đầy đủ peer dependencies trước khi sử dụng.
|
|
536
535
|
|
|
537
536
|
⚠️ **outFunctionsControl emits ngay khi khởi tạo**: Output `outFunctionsControl` sẽ emit object `IQuillFunctionControlEvent` ngay trong `ngOnInit`. Hàm `setContent` và các API khác chỉ hoạt động sau khi `ngAfterViewInit` hoàn tất (có delay ~20ms). Nếu cần gọi `setContent` ngay sau khi nhận control, có thể dùng `setTimeout` ngắn.
|
|
538
|
-
|
|
539
|
-
## Demo
|
|
540
|
-
|
|
541
|
-
```bash
|
|
542
|
-
npx nx serve core-ui
|
|
543
|
-
```
|
|
544
|
-
|
|
545
|
-
Truy cập: http://localhost:4500/components/quill
|
package/package.json
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-inputs-quill",
|
|
3
|
-
"version": "0.2.357-
|
|
3
|
+
"version": "0.2.357-9",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=18.0.0",
|
|
6
6
|
"@angular/core": ">=18.0.0",
|
|
7
7
|
"quill": "1.3.7",
|
|
8
8
|
"parchment": "1.1.4",
|
|
9
|
-
"@libs-ui/components-label": "0.2.357-
|
|
9
|
+
"@libs-ui/components-label": "0.2.357-9",
|
|
10
10
|
"quill-delta": "5.1.0",
|
|
11
|
-
"@libs-ui/components-inputs-valid": "0.2.357-
|
|
12
|
-
"@libs-ui/components-modal": "0.2.357-
|
|
13
|
-
"@libs-ui/utils": "0.2.357-
|
|
14
|
-
"@libs-ui/components-buttons-button": "0.2.357-
|
|
15
|
-
"@libs-ui/components-buttons-select-color": "0.2.357-
|
|
16
|
-
"@libs-ui/components-dropdown": "0.2.357-
|
|
17
|
-
"@libs-ui/components-inputs-emoji": "0.2.357-
|
|
18
|
-
"@libs-ui/components-inputs-mention": "0.2.357-
|
|
19
|
-
"@libs-ui/components-list": "0.2.357-
|
|
20
|
-
"@libs-ui/components-popover": "0.2.357-
|
|
21
|
-
"@libs-ui/interfaces-types": "0.2.357-
|
|
22
|
-
"@libs-ui/services-dynamic-component": "0.2.357-
|
|
11
|
+
"@libs-ui/components-inputs-valid": "0.2.357-9",
|
|
12
|
+
"@libs-ui/components-modal": "0.2.357-9",
|
|
13
|
+
"@libs-ui/utils": "0.2.357-9",
|
|
14
|
+
"@libs-ui/components-buttons-button": "0.2.357-9",
|
|
15
|
+
"@libs-ui/components-buttons-select-color": "0.2.357-9",
|
|
16
|
+
"@libs-ui/components-dropdown": "0.2.357-9",
|
|
17
|
+
"@libs-ui/components-inputs-emoji": "0.2.357-9",
|
|
18
|
+
"@libs-ui/components-inputs-mention": "0.2.357-9",
|
|
19
|
+
"@libs-ui/components-list": "0.2.357-9",
|
|
20
|
+
"@libs-ui/components-popover": "0.2.357-9",
|
|
21
|
+
"@libs-ui/interfaces-types": "0.2.357-9",
|
|
22
|
+
"@libs-ui/services-dynamic-component": "0.2.357-9",
|
|
23
23
|
"@ngx-translate/core": "^15.0.0",
|
|
24
24
|
"rxjs": "~7.8.0",
|
|
25
|
-
"@libs-ui/components-spinner": "0.2.357-
|
|
26
|
-
"@libs-ui/services-notification": "0.2.357-
|
|
27
|
-
"@libs-ui/services-http-request": "0.2.357-
|
|
28
|
-
"@libs-ui/components-scroll-overlay": "0.2.357-
|
|
29
|
-
"@libs-ui/components-skeleton": "0.2.357-
|
|
25
|
+
"@libs-ui/components-spinner": "0.2.357-9",
|
|
26
|
+
"@libs-ui/services-notification": "0.2.357-9",
|
|
27
|
+
"@libs-ui/services-http-request": "0.2.357-9",
|
|
28
|
+
"@libs-ui/components-scroll-overlay": "0.2.357-9",
|
|
29
|
+
"@libs-ui/components-skeleton": "0.2.357-9"
|
|
30
30
|
},
|
|
31
31
|
"sideEffects": false,
|
|
32
32
|
"module": "fesm2022/libs-ui-components-inputs-quill.mjs",
|