@firestitch/html-editor 12.5.6 → 12.6.0
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/bundles/firestitch-html-editor.umd.js +18 -23
- package/bundles/firestitch-html-editor.umd.js.map +1 -1
- package/esm2015/app/modules/html-editor/components/html-editor/html-editor.component.js +2 -8
- package/esm2015/app/modules/html-editor/services/froala-loader.service.js +18 -17
- package/fesm2015/firestitch-html-editor.js +18 -23
- package/fesm2015/firestitch-html-editor.js.map +1 -1
- package/package.json +3 -5
- package/styles.scss +4 -1
|
@@ -419,25 +419,26 @@
|
|
|
419
419
|
});
|
|
420
420
|
FsFroalaLoaderService.prototype._load = function () {
|
|
421
421
|
var _this = this;
|
|
422
|
+
var baseDir = '/assets/froala/';
|
|
422
423
|
this._sourceLoader.registerResources({
|
|
423
424
|
froala: [
|
|
424
|
-
|
|
425
|
-
|
|
425
|
+
baseDir + "js/froala_editor.min.js",
|
|
426
|
+
baseDir + "css/froala_editor.pkgd.min.css",
|
|
426
427
|
],
|
|
427
|
-
froala_align:
|
|
428
|
-
froala_colors:
|
|
429
|
-
froala_image:
|
|
430
|
-
froala_link:
|
|
431
|
-
froala_lists:
|
|
432
|
-
froala_paragraph_format:
|
|
433
|
-
froala_table:
|
|
434
|
-
froala_url:
|
|
435
|
-
froala_video:
|
|
436
|
-
froala_quote:
|
|
437
|
-
froala_draggable:
|
|
438
|
-
froala_font_size:
|
|
439
|
-
froala_quick_insert:
|
|
440
|
-
froala_line_height:
|
|
428
|
+
froala_align: baseDir + "js/plugins/align.min.js",
|
|
429
|
+
froala_colors: baseDir + "js/plugins/colors.min.js",
|
|
430
|
+
froala_image: baseDir + "js/plugins/image.min.js",
|
|
431
|
+
froala_link: baseDir + "js/plugins/link.min.js",
|
|
432
|
+
froala_lists: baseDir + "js/plugins/lists.min.js",
|
|
433
|
+
froala_paragraph_format: baseDir + "js/plugins/paragraph_format.min.js",
|
|
434
|
+
froala_table: baseDir + "js/plugins/table.min.js",
|
|
435
|
+
froala_url: baseDir + "js/plugins/url.min.js",
|
|
436
|
+
froala_video: baseDir + "js/plugins/video.min.js",
|
|
437
|
+
froala_quote: baseDir + "js/plugins/quote.min.js",
|
|
438
|
+
froala_draggable: baseDir + "js/plugins/draggable.min.js",
|
|
439
|
+
froala_font_size: baseDir + "js/plugins/font_size.min.js",
|
|
440
|
+
froala_quick_insert: baseDir + "js/plugins/quick_insert.min.js",
|
|
441
|
+
froala_line_height: baseDir + "js/plugins/line_height.min.js"
|
|
441
442
|
});
|
|
442
443
|
this._sourceLoader.loadResource('froala')
|
|
443
444
|
.pipe(operators.tap(function () {
|
|
@@ -901,12 +902,6 @@
|
|
|
901
902
|
.subscribe(function () {
|
|
902
903
|
_this._contentChanged();
|
|
903
904
|
});
|
|
904
|
-
// this._editor.events.on('contentChanged', () => {
|
|
905
|
-
// console.log('test');
|
|
906
|
-
// if (!this._firstChange) {
|
|
907
|
-
// this._contentChanged();
|
|
908
|
-
// }
|
|
909
|
-
// });
|
|
910
905
|
this._editor.events.on('paste.afterCleanup', function (html) {
|
|
911
906
|
var div = document.createElement('div');
|
|
912
907
|
div.innerHTML = html;
|
|
@@ -998,7 +993,7 @@
|
|
|
998
993
|
useExisting: i0.forwardRef(function () { return FsHtmlEditorComponent; }),
|
|
999
994
|
multi: true
|
|
1000
995
|
},
|
|
1001
|
-
], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true }], ngImport: i0__namespace, template: "<fs-label-field>\n <fs-label *ngIf=\"config.label\">{{config.label}}</fs-label>\n <div class=\"fs-html-editor-default\">\n <ng-container *ngIf=\"initialized\">\n <ng-container *fsSkeleton=\"(froalaLoaded$ | async) !== false\">\n </ng-container>\n </ng-container>\n \n <div #elRef></div>\n \n <div class=\"bottom-line\"></div>\n <div class=\"disabled-line\"></div>\n <fs-html-renderer\n *ngIf=\"!initialized\"\n [html]=\"html\"\n (click)=\"uninitializedClick($event)\">\n </fs-html-renderer>\n </div>\n \n <fs-label-message>\n <div class=\"fs-form-message\">\n <div class=\"fs-form-hint\">{{hint}}</div>\n </div>\n </fs-label-message>\n</fs-label-field>\n", styles: [":host ::ng-deep .fr-box.fr-basic .fr-wrapper{border:0;border-bottom:1px solid #949494;margin-bottom:1px;background-color:transparent}:host ::ng-deep .fr-box.fr-basic .fr-element{padding:0;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;min-height:auto}:host ::ng-deep .fr-
|
|
996
|
+
], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true }], ngImport: i0__namespace, template: "<fs-label-field>\n <fs-label *ngIf=\"config.label\">{{config.label}}</fs-label>\n <div class=\"fs-html-editor-default\">\n <ng-container *ngIf=\"initialized\">\n <ng-container *fsSkeleton=\"(froalaLoaded$ | async) !== false\">\n </ng-container>\n </ng-container>\n \n <div #elRef></div>\n \n <div class=\"bottom-line\"></div>\n <div class=\"disabled-line\"></div>\n <fs-html-renderer\n *ngIf=\"!initialized\"\n [html]=\"html\"\n (click)=\"uninitializedClick($event)\">\n </fs-html-renderer>\n </div>\n \n <fs-label-message>\n <div class=\"fs-form-message\">\n <div class=\"fs-form-hint\">{{hint}}</div>\n </div>\n </fs-label-message>\n</fs-label-field>\n", styles: [":host ::ng-deep .fr-box.fr-basic .fr-wrapper{border:0;border-bottom:1px solid #949494;margin-bottom:1px;background-color:transparent}:host ::ng-deep .fr-box.fr-basic .fr-element{padding:0;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;min-height:auto}:host ::ng-deep .fr-more-toolbar,:host ::ng-deep .fr-toolbar,:host ::ng-deep .fr-dropdown:after,:host ::ng-deep .fr-dropdown-menu .fr-dropdown-wrapper{transition:none!important}:host ::ng-deep .fr-toolbar-open .fr-more-toolbar{display:block}:host ::ng-deep .fr-more-toolbar{display:none}:host ::ng-deep .fr-toolbar.fr-top{position:sticky;z-index:2;border-radius:0;background-color:#fff}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp{margin:0 20px 0 0}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:nth-child(1):after,:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:nth-child(2):after{content:\"\";position:absolute;top:9px;height:30px;border-left:1px solid #e5e5e5;margin-left:10px}:host ::ng-deep .fr-toolbar.fr-top div:first-of-type:before{border:none}:host ::ng-deep .fr-toolbar.fr-top.fr-toolbar-open .fr-newline{height:auto}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:first-child{margin-left:0}:host ::ng-deep .fr-toolbar.fr-top.fr-top{border:0}:host ::ng-deep .fr-toolbar.fr-top .fr-newline{margin:0}:host ::ng-deep .fr-toolbar.fr-top .fr-more-toolbar{z-index:auto;display:flex;justify-content:center;padding-left:0!important}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn{z-index:auto}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-dropdown:after{right:3px}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-dropdown.fr-selection span{margin-right:24px}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-open{border-radius:4px;margin:4px 2px}:host ::ng-deep .fr-view ol,:host ::ng-deep .fr-view ul{list-style-position:unset}:host.disabled ::ng-deep .fr-box.fr-basic{opacity:.5;pointer-events:none}:host.disabled ::ng-deep .fr-box.fr-basic .fr-wrapper{border:none}:host.disabled ::ng-deep .disabled-line{display:block}::ng-deep .fr-popup{z-index:1001!important;transform:translate(-180px)}::ng-deep .fr-video-by-url-layer .fr-checkbox-line{display:none}.disabled-line{display:none;position:absolute;bottom:-1px;z-index:1;background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x;height:1px;width:100%}.bottom-line{opacity:0;transform-origin:50%;transform:scaleX(.5);transition:background-color .3s cubic-bezier(.55,0,.55,.2);width:100%;border-bottom:2px solid #949494;position:absolute;bottom:-1px;z-index:1}:host{position:relative;display:block}:host.focused .bottom-line{opacity:1;display:block;transform:scaleX(1);transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1)}::ng-deep .fs-html-editor-mention-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#fff}::ng-deep .fs-html-editor-mention-container ul{margin:0;padding:0;list-style:none}::ng-deep .fs-html-editor-mention-container li{padding:0 16px;cursor:pointer;line-height:48px}::ng-deep .fs-html-editor-mention-container li.highlight,::ng-deep .fs-html-editor-mention-container li:hover{background:#F5F5F5}::ng-deep .fs-html-editor-mention-container li.no-match{cursor:default}\n"], components: [{ type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: ["html"] }, { type: i2__namespace.FsLabelMessageComponent, selector: "fs-label-message" }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], pipes: { "async": i4__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1002
997
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlEditorComponent, decorators: [{
|
|
1003
998
|
type: i0.Component,
|
|
1004
999
|
args: [{
|