matcha-components 20.228.0 → 20.229.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/fesm2022/matcha-components.mjs +2579 -567
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/index.d.ts +3 -6
- package/package.json +1 -1
- package/assets/text-editor/css/suneditor.min.css +0 -194
- package/assets/text-editor/js/suneditor.min.js +0 -1847
- package/assets/text-editor/suneditor.html +0 -2054
package/index.d.ts
CHANGED
|
@@ -2772,7 +2772,6 @@ declare const DEFAULT_CONFIG: SunEditorOptions;
|
|
|
2772
2772
|
declare class MatchaTextEditorComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
2773
2773
|
private _ngZone;
|
|
2774
2774
|
readonly editorId: string;
|
|
2775
|
-
isLoading: boolean;
|
|
2776
2775
|
set value(v: string);
|
|
2777
2776
|
config: SunEditorOptions;
|
|
2778
2777
|
contentChange: EventEmitter<string>;
|
|
@@ -2785,15 +2784,13 @@ declare class MatchaTextEditorComponent implements ControlValueAccessor, AfterVi
|
|
|
2785
2784
|
private _onChange;
|
|
2786
2785
|
private _onTouched;
|
|
2787
2786
|
constructor(_ngZone: NgZone);
|
|
2788
|
-
ngAfterViewInit():
|
|
2787
|
+
ngAfterViewInit(): void;
|
|
2789
2788
|
ngOnDestroy(): void;
|
|
2790
2789
|
writeValue(value: string): void;
|
|
2791
2790
|
registerOnChange(fn: (value: string) => void): void;
|
|
2792
2791
|
registerOnTouched(fn: () => void): void;
|
|
2793
2792
|
setDisabledState(isDisabled: boolean): void;
|
|
2794
|
-
private
|
|
2795
|
-
private _injectStyle;
|
|
2796
|
-
private _loadAssets;
|
|
2793
|
+
private _injectSunEditor;
|
|
2797
2794
|
private _initEditor;
|
|
2798
2795
|
private _attachObserver;
|
|
2799
2796
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatchaTextEditorComponent, never>;
|
|
@@ -2802,7 +2799,7 @@ declare class MatchaTextEditorComponent implements ControlValueAccessor, AfterVi
|
|
|
2802
2799
|
|
|
2803
2800
|
declare class MatchaTextEditorModule {
|
|
2804
2801
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatchaTextEditorModule, never>;
|
|
2805
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaTextEditorModule, [typeof MatchaTextEditorComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule
|
|
2802
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaTextEditorModule, [typeof MatchaTextEditorComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule], [typeof MatchaTextEditorComponent]>;
|
|
2806
2803
|
static ɵinj: i0.ɵɵInjectorDeclaration<MatchaTextEditorModule>;
|
|
2807
2804
|
}
|
|
2808
2805
|
|
package/package.json
CHANGED
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
@CHARSET "UTF-8";
|
|
2
|
-
|
|
3
|
-
/* ë©”́¸ */
|
|
4
|
-
.sun-editor {width:auto; height:auto; border:1px solid #dadada; background-color:#FFF; z-index:10000;}
|
|
5
|
-
.sun-editor th, .sun-editor td, .sun-editor input, .sun-editor select, .sun-editor textarea, .sun-editor button {font-size:14px; font-family:sans-serif; line-height:1.5; color:#111;}
|
|
6
|
-
.sun-editor body, .sun-editor div, .sun-editor dl, .sun-editor dt, .sun-editor dd, .sun-editor ul, .sun-editor ol, .sun-editor li,
|
|
7
|
-
.sun-editor h1, .sun-editor h2, .sun-editor h3, .sun-editor h4, .sun-editor h5, .sun-editor h6, .sun-editor pre, .sun-editor code, .sun-editor form, .sun-editor fieldset,
|
|
8
|
-
.sun-editor legend, .sun-editor textarea, .sun-editor p, .sun-editor blockquote, .sun-editor th, .sun-editor td, .sun-editor input, .sun-editor select, .sun-editor textarea, .sun-editor button {margin:0; padding:0; border:0; color:#000 !important;}
|
|
9
|
-
.sun-editor dl, .sun-editor ul, .sun-editor ol, .sun-editor menu, .sun-editor li {list-style: none !important;}
|
|
10
|
-
.sun-editor hr {margin:6px 0 6px 0 !important;}
|
|
11
|
-
.sun-editor textarea {resize:none !important; border:0 !important;}
|
|
12
|
-
.sun-editor button {border:0 none; background-color:transparent; touch-action:manipulation; cursor:pointer;}
|
|
13
|
-
.sun-editor input, .sun-editor select, .sun-editor textarea, .sun-editor button {vertical-align: middle;}
|
|
14
|
-
.sun-editor button .txt {display: block; margin-top: 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
15
|
-
|
|
16
|
-
.sun-editor .btn_align .img_editor {display: inline-block; width:14px; height:13px; margin:-1px 10px 0 0; vertical-align:middle; text-indent:-9999px;}
|
|
17
|
-
.sun-editor .layer_line .img_editor {display: inline-block; width:138px; height:1px; margin:-1px 10px 0 0; vertical-align:middle; text-indent:-9999px;}
|
|
18
|
-
.sun-editor .screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}
|
|
19
|
-
|
|
20
|
-
/* ́»¨í…Œ́´ë„ˆ */
|
|
21
|
-
.sun-editor .sun-editor-container {position:relative; width:100%; height:100%;}
|
|
22
|
-
|
|
23
|
-
/* 툴바 */
|
|
24
|
-
.sun-editor .sun-editor-id-toolbar-cover {position:absolute; display:none; font-size:36px; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:#fefefe; opacity:.5; filter:alpha(opacity=50); cursor:not-allowed; z-index:9;}
|
|
25
|
-
.sun-editor .sun-editor-id-toolbar {overflow:visible; position:relative; height:auto; font-size:0pt; padding:3px 3px 3px 0px; background-color:#fafafa; border-bottom:1px solid #dadada; z-index:9;}
|
|
26
|
-
|
|
27
|
-
.sun-editor .sun-editor-id-toolbar .tool_module {display:inline-block;}
|
|
28
|
-
.sun-editor .sun-editor-id-toolbar .editor_tool {float: left;height: 32px;margin:5px 0 5px 5px;}
|
|
29
|
-
.sun-editor .sun-editor-id-toolbar .editor_tool li {position:relative; float:left;}
|
|
30
|
-
|
|
31
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor {display: none; position:absolute; top:34px; left:1px; z-index:1; border:1px solid #bababa; border-radius:2px; background-color:#fff; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5); outline:0 none;}
|
|
32
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .write_place .inp_txt {float:left; width:100%; height:23px; margin-top:0; font-size:12px; text-indent:6px; border:0 none; outline:0 none;}
|
|
33
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor button {overflow: hidden; width:100%;}
|
|
34
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor button:hover, .sun-editor .editor_tool .layer_editor button:focus {background-color:#f4b124; border-color:#ffebc1; outline:0 none;}
|
|
35
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .list_family {left:0; width:156px;}
|
|
36
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .list_family .default {border-bottom:1px solid #CCC;}
|
|
37
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .list_family_add {left:0; width:160px; border-top:1px solid #CCC;}
|
|
38
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .font_size_list {left:0; width:180px;}
|
|
39
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .font_size_list .btn_edit {height:auto; padding:2px 10px 5px; line-height:100%;}
|
|
40
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .font_size_list .txt_size18 {padding:1px 10px 6px}
|
|
41
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .font_size_list .txt_size24 {padding:3px 10px 11px; line-height:24px;}
|
|
42
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .font_size_list .txt_size36 {padding:4px 10px 15px; line-height:36px;}
|
|
43
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.layer_list {left:0; width:42px;}
|
|
44
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.layer_line {left:0; width:158px;}
|
|
45
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.write_place {overflow:hidden; float:left; position:relative; height:25px; border:1px solid #dadada;}
|
|
46
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.layer_color {left:0;}
|
|
47
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.pallet_bgcolor {width:196px;}
|
|
48
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.list_bgcolor {width:180px; height:126px; padding:10px 6px 0 10px;}
|
|
49
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.list_bgcolor li {float:left; position:relative; width:16px; height:16px; margin:0 4px 4px 0;}
|
|
50
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.more_palette {display:none; width:176px; margin:0 10px; padding:8px 0 6px; border-top:1px solid #f3f3f3;}
|
|
51
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.list_bgcolor button {display:block; overflow:hidden; width:16px; height:16px; border-radius:2px; vertical-align:top; text-indent:-9999px;}
|
|
52
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .list_color .bg_check {display:none; position:absolute; top:1px; left:1px; width:12px; height:12px; border:1px solid #fff; border-radius:1px;}
|
|
53
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.list_bgcolor .bg_btnframe {display:none; position:absolute; top:0; left:0; width:14px; height:14px; border:1px solid #000; border-radius:2px; opacity:.2; filter:alpha(opacity=20);}
|
|
54
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.box_codeinp {float:left; height:28px;}
|
|
55
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.more_palette .box_bgcolor {width:24px; margin-right:2px;}
|
|
56
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.view_bgcolor {float:left; width:16px; height:16px; padding:3px; border:1px solid #d7d7d7;}
|
|
57
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.view_bgcolor .inner_bgcolor {width:16px; height:16px;}
|
|
58
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor.inner_bgcolor {display:block; overflow:hidden; width:15px; height:15px; margin:0 auto; text-indent:-9999px;}
|
|
59
|
-
|
|
60
|
-
.sun-editor .sun-editor-id-toolbar .layer_color {display: none;}
|
|
61
|
-
.sun-editor .sun-editor-id-toolbar .layer_align {left:9px; width:98px;}
|
|
62
|
-
|
|
63
|
-
.sun-editor .sun-editor-id-toolbar .list_editor {overflow:hidden; width:100%; padding:6px 0;}
|
|
64
|
-
.sun-editor .sun-editor-id-toolbar .list_editor li:first-child {padding-top:0;}
|
|
65
|
-
.sun-editor .sun-editor-id-toolbar .list_editor li {padding-top:5px; width:100%;}
|
|
66
|
-
.sun-editor .sun-editor-id-toolbar .font_size_list li {padding:0px; width:100%;}
|
|
67
|
-
|
|
68
|
-
.sun-editor .sun-editor-id-toolbar .btn_editor {overflow:hidden; float:left; width:32px; height:32px; border:1px solid #ccc; margin-left:2px; border-radius:2px; font-size:12px; line-height:27px; background-color:#FFF;}
|
|
69
|
-
.sun-editor .sun-editor-id-toolbar .btn_editor.on {border-color:#f4b124; background-color:#ffebc1; -webkit-box-shadow: inset 0 3px 5px #f4b124; box-shadow: inset 0 3px 5px #f4b124;}
|
|
70
|
-
.sun-editor .sun-editor-id-toolbar .btn_editor:hover, .sun-editor .sun-editor-id-toolbar .btn_editor:focus {background-color: #ffebc1; border-color: #f4b124; outline: 0 none;}
|
|
71
|
-
|
|
72
|
-
.sun-editor .sun-editor-id-toolbar .btn_edit {width:100%; height:28px; padding:0 14px; margin-left:0; font-size:12px; line-height:22px; text-indent:0; text-decoration:none; text-align:left;}
|
|
73
|
-
.sun-editor .sun-editor-id-toolbar .btn_font {width:80px; text-align:left; text-indent:10px;}
|
|
74
|
-
.sun-editor .sun-editor-id-toolbar .btn_size {width:75px; text-align:left; text-indent:7px;}
|
|
75
|
-
.sun-editor .sun-editor-id-toolbar .btn_line {padding:0 5px 0 5px;}
|
|
76
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .list_color .btn_color.checked_color .bg_check {display:block;}
|
|
77
|
-
.sun-editor .sun-editor-id-toolbar .layer_editor .list_color .btn_color.checked_color {border:1px solid #000;}
|
|
78
|
-
|
|
79
|
-
.sun-editor .sun-editor-id-toolbar .ico_more {position:absolute; top:14px; right:10px; width:7px; height:7px; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/br_down_icon&48.png') no-repeat; background-size:100%;}
|
|
80
|
-
.sun-editor .sun-editor-id-toolbar .ico_bold {width:16px; height:16px; margin:0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/font_bold_icon&48.png') no-repeat; background-size:100%;}
|
|
81
|
-
.sun-editor .sun-editor-id-toolbar .ico_underline {width:16px; height:16px; margin:0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/font_underline_icon&48.png') no-repeat; background-size:100%;}
|
|
82
|
-
.sun-editor .sun-editor-id-toolbar .ico_italic {width:16px; height:16px; margin:0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/font_italic_icon&48.png') no-repeat; background-size:100%;}
|
|
83
|
-
.sun-editor .sun-editor-id-toolbar .ico_strike {width:16px; height:16px; margin:0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/font_strokethrough_icon&48.png') no-repeat; background-size:100%;}
|
|
84
|
-
.sun-editor .sun-editor-id-toolbar .ico_fcolor {width:16px; height:16px; margin:0 auto; margin-bottom: 5px; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/pencil_icon&48.png') no-repeat; background-size:100%;}
|
|
85
|
-
.sun-editor .sun-editor-id-toolbar .color_font {overflow: hidden; position:absolute; top:24px; left:9px; width:19px; height:3px; text-indent:-9999px;}
|
|
86
|
-
.sun-editor .sun-editor-id-toolbar .ico_fcolor_w {width:16px; height:16px; margin:0 auto; margin-bottom: 5px; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/fill_icon&48.png') no-repeat; background-size:100%;}
|
|
87
|
-
.sun-editor .sun-editor-id-toolbar .ico_align_l {width:17px; height:17px; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/align_left_icon&48.png') no-repeat; background-size:100%;}
|
|
88
|
-
.sun-editor .sun-editor-id-toolbar .ico_align_r {width:17px; height:17px; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/align_right_icon&48.png') no-repeat; background-size:100%;}
|
|
89
|
-
.sun-editor .sun-editor-id-toolbar .ico_align_c {width:17px; height:17px; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/align_center_icon&48.png') no-repeat; background-size:100%;}
|
|
90
|
-
.sun-editor .sun-editor-id-toolbar .ico_align_f {width:17px; height:17px; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/align_just_icon&48.png') no-repeat; background-size:100%;}
|
|
91
|
-
.sun-editor .sun-editor-id-toolbar .ico_list {display: inline-block; width:17px; height:17px;}
|
|
92
|
-
.sun-editor .sun-editor-id-toolbar .ico_list_num {display:block; margin:0 auto;background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/list_num_icon&48.png') no-repeat; background-size:100%;}
|
|
93
|
-
.sun-editor .sun-editor-id-toolbar .ico_list_square {background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/list_bullets_icon&48.png') no-repeat; background-size:100%;}
|
|
94
|
-
.sun-editor .sun-editor-id-toolbar .ico_indnet {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/indent_increase_icon&48.png') no-repeat; background-size:100%;}
|
|
95
|
-
.sun-editor .sun-editor-id-toolbar .ico_outdent {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/indent_decrease_icon&48.png') no-repeat; background-size:100%;}
|
|
96
|
-
.sun-editor .sun-editor-id-toolbar .ico_indent {background-position:-220px -160px;}
|
|
97
|
-
.sun-editor .sun-editor-id-toolbar .ico_line {position:absolute; top:10px; left:9px; width:14px; height:13px; background-position:-190px 0;}
|
|
98
|
-
.sun-editor .sun-editor-id-toolbar .ico_table {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/3x3_grid_icon&48.png') no-repeat; background-size:100%;}
|
|
99
|
-
.sun-editor .sun-editor-id-toolbar .ico_url {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/link_icon&48.png') no-repeat; background-size:100%;}
|
|
100
|
-
.sun-editor .sun-editor-id-toolbar .ico_picture {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/picture_icon&48.png') no-repeat; background-size:100%;}
|
|
101
|
-
.sun-editor .sun-editor-id-toolbar .ico_video {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/movie_icon&48.png') no-repeat; background-size:100%;}
|
|
102
|
-
.sun-editor .sun-editor-id-toolbar .ico_full_screen_e {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/expand_icon&48.png') no-repeat; background-size:100%;}
|
|
103
|
-
.sun-editor .sun-editor-id-toolbar .ico_full_screen_i {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/import_icon&48.png') no-repeat; background-size:100%;}
|
|
104
|
-
.sun-editor .sun-editor-id-toolbar .ico_html {width:17px; height:17px; margin: 0 auto; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/brackets_icon&48.png') no-repeat; background-size:100%;}
|
|
105
|
-
|
|
106
|
-
.sun-editor .sun-editor-id-toolbar .img_line1 {height:2px; background-position:0 -30px;}
|
|
107
|
-
.sun-editor .sun-editor-id-toolbar .img_line2 {height:3px; background-position:0 -35px;}
|
|
108
|
-
.sun-editor .sun-editor-id-toolbar .img_line3 {height:6px; background-position:0 -40px;}
|
|
109
|
-
|
|
110
|
-
.sun-editor .sun-editor-id-toolbar .editor_link {padding:8px 5px 12px 15px;}
|
|
111
|
-
.sun-editor .sun-editor-id-toolbar .editor_link .write_place {height:79px; border:0; overflow:hidden; float:left; position:relative;}
|
|
112
|
-
.sun-editor .sun-editor-id-toolbar .editor_link .write_place .lab_url {position:absolute;top:0;left:0;width:228px;height:23px;font-size:12px;line-height:24px;color:#999; cursor:text;}
|
|
113
|
-
.sun-editor .sun-editor-id-toolbar .editor_link .write_place .inp_txt {height:23px; font-size:12px; font-family:Verdana; line-height:24px; text-indent:0px; margin-top:8px; border:1px solid #CCC}
|
|
114
|
-
.sun-editor .sun-editor-id-toolbar .editor_link .btn_apply_url {float:right; width:35px; height:69px;}
|
|
115
|
-
|
|
116
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .pallet_bgcolor {width:196px;}
|
|
117
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .list_bgcolor {width:100%; height:126px; padding:10px 6px 0 10px;}
|
|
118
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .list_bgcolor li {float:left; position:relative; width:16px; height:16px; margin:0 4px 4px 0;}
|
|
119
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .list_bgcolor button {display:block; overflow:hidden; width:16px; height:16px; border-radius:2px; vertical-align:top; text-indent:-9999px;}
|
|
120
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .list_bgcolor button.color_white {display:block; overflow:hidden; width:16px; height:16px; border:1px solid #d3d3d3; vertical-align:top; text-indent:-9999px;}
|
|
121
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .list_bgcolor .bg_btnframe {display:none; position:absolute; top:0; left:0; width:14px; height:14px; border:1px solid #000; border-radius:2px; opacity:.2; filter:alpha(opacity=20);}
|
|
122
|
-
|
|
123
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .pallet_text {width:156px;}
|
|
124
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .pallet_text .ex_txtbgcolor {position:relative; z-index:1; width:158px; height:25px; border-radius:2px; border-bottom:0 none; margin: -1px 0 0 -1px;}
|
|
125
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .pallet_text .ex_txtbgcolor .emph_txtbgcolor {display:block; width:147px; height:25px; padding-left:11px; font-size:12px; line-height:24px; color:#fff; -webkit-transition-property:background-color,color; -webkit-transition-duration:.2s; transition-property:background-color,color; transition-duration:.2s;}
|
|
126
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .pallet_text .ex_txtbgcolor .bg_frame {position:absolute; top:0; left:0; width:156px; height:24px; border:1px solid #000; border-bottom:0 none; opacity:.1; filter:alpha(opacity=10); -webkit-transition:opacity .2s; -webkit-transition:opacity .2s;}
|
|
127
|
-
.sun-editor .sun-editor-id-toolbar .layer_color .pallet_text .list_color {width:140px; height:44px; margin:8px 6px 0 10px; padding:0; border-top:0;}
|
|
128
|
-
|
|
129
|
-
/* ́—디터 ́˜́— */
|
|
130
|
-
.sun-editor .sun-editor-id-editorArea {width:100%;}
|
|
131
|
-
.sun-editor .sun-editor-id-editorArea .input_editor {width:100%; height:100%; background-color:#FFF;}
|
|
132
|
-
.sun-editor .sun-editor-id-editorArea .input_editor.html {/*padding:8px;*/ outline-style:none;}
|
|
133
|
-
|
|
134
|
-
/* 리́‚¬́´́¦ˆ ë°” */
|
|
135
|
-
.sun-editor .sun-editor-id-resizeBar {width:100%; height:10px; border-top:1px solid #dadada; background-color:#fafafa; cursor:ns-resize;}
|
|
136
|
-
.sun-editor .sun-editor-id-resize-background {position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index:10000;}
|
|
137
|
-
|
|
138
|
-
/* 다́´́–¼ë¡œê·¸ */
|
|
139
|
-
.sun-editor .sun-editor-id-dialogBox {position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index:9999;}
|
|
140
|
-
.sun-editor .sun-editor-id-dialogBox label, .sun-editor .sun-editor-id-dialogBox input, .sun-editor .sun-editor-id-dialogBox button {font-size:14px; line-height:1.5; color:#111; margin:0;}
|
|
141
|
-
.sun-editor .sun-editor-id-dialogBox .modal-dialog-background {position:absolute; width:100%; height:100%; top:0px; left:0px; background-color:#222; opacity:0.5; z-index:10;}
|
|
142
|
-
|
|
143
|
-
/* 다́´́–¼ë¡œê·¸ - modal */
|
|
144
|
-
.sun-editor .modal-dialog {position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:11;}
|
|
145
|
-
.sun-editor .modal-dialog .modal-content {position:relative; width:500px; margin:8px auto; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #999; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5); z-index:11;}
|
|
146
|
-
@media screen and (max-width: 509px) {.sun-editor .modal-dialog .modal-content {width:100%;} }
|
|
147
|
-
.sun-editor .modal-dialog .modal-header {padding:15px 15px 5px 15px; border-bottom:1px solid #e5e5e5;}
|
|
148
|
-
.sun-editor .modal-dialog button.close {-webkit-appearance:none; padding:0; cursor:pointer; background:transparent; border:0;}
|
|
149
|
-
.sun-editor .modal-dialog .close {float:right; font-size:21px; font-weight:bold; line-height:1; color:#000; text-shadow:0 1px 0 #fff; filter:alpha(opacity=100); opacity: 1;}
|
|
150
|
-
.sun-editor .modal-dialog .close:hover, .sun-editor .modal-dialog .close:focus {color:#f4b124 !important;}
|
|
151
|
-
.sun-editor .modal-dialog .modal-body {position:relative; padding:15px;}
|
|
152
|
-
.sun-editor .modal-dialog .form-group {margin-bottom:15px;}
|
|
153
|
-
.sun-editor .modal-dialog .form-size .size-text {width:100%;}
|
|
154
|
-
.sun-editor .modal-dialog .form-size .size-text .size-w {width:70px; text-align:center;}
|
|
155
|
-
.sun-editor .modal-dialog .form-size .size-text .size-h {width:70px; text-align:center;}
|
|
156
|
-
.sun-editor .modal-dialog .form-size .size-x {margin:0 8px 0 8px;}
|
|
157
|
-
.sun-editor .modal-dialog .form-size-control {display:inline-block; width:70px; height:34px; /*padding:6px 12px;*/ font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
|
|
158
|
-
.sun-editor .modal-dialog .modal-content label {display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold;}
|
|
159
|
-
.sun-editor .modal-dialog .form-control {display:block; width:100%; height:34px; /*padding:6px 12px;*/ font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
|
|
160
|
-
.sun-editor .modal-dialog .modal-footer {padding:10px 15px 0px 15px; text-align:right; border-top:1px solid #e5e5e5;}
|
|
161
|
-
.sun-editor .modal-dialog .btn-primary {color:#fff; background-color:#f4b124; border-color:#f4b124;}
|
|
162
|
-
.sun-editor .modal-dialog .modal-content .btn {display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px;}
|
|
163
|
-
.sun-editor .modal-dialog .modal-content .btn:hover, .sun-editor .modal-dialog .modal-content .btn:focus {background-color: #f4a500;}
|
|
164
|
-
.sun-editor .modal-dialog .modal-content input:focus {border-color:#f4b124; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(244, 177, 36, .6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(244, 177, 36, .6);}
|
|
165
|
-
|
|
166
|
-
/* 로딩 ë°•́¤ */
|
|
167
|
-
.sun-editor .sun-editor-id-loding {position:absolute; display:none; width:100%; height:100%; top:0px; left:0px; background-color:#191f26; background-image:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/loding.jpg'); background-repeat:no-repeat; background-position:center; background-size:auto auto; opacity:.7; filter:alpha(opacity=70); z-index:9999;}
|
|
168
|
-
.sun-editor .sun-editor-id-loding .ico-loding {display:none;}
|
|
169
|
-
|
|
170
|
-
/* í…Œ́´ë¸” ́„ íƒ */
|
|
171
|
-
.sun-editor .table-content {position:absolute; top:34px; left:1px; z-index:11; padding:5px; float:left; padding:5px 0; margin:2px 0 0; font-size:14px; text-align:left; list-style:none; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175);}
|
|
172
|
-
.sun-editor .table-data-form {font-size:18px; padding:0 5px;}
|
|
173
|
-
.sun-editor .table-picker {position:absolute!important; z-index:3; font-size:18px; width:10em; height:10em; cursor:pointer;}
|
|
174
|
-
.sun-editor .table-highlighted {position:absolute!important; z-index:2; font-size:18px; width:1em; height:1em; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/pixel_sun.png') repeat;}
|
|
175
|
-
.sun-editor .table-unhighlighted {position:relative!important; z-index:1; font-size:18px; width:5em; height:5em; background:url('https://www.cssscript.com/demo/minimal-wysiwyg-editor-pure-javascript-suneditor/suneditor/img/pixel_white.png') repeat;}
|
|
176
|
-
.sun-editor .table-display {padding-left:5px;}
|
|
177
|
-
|
|
178
|
-
/* ́´ë¯¸́§€ í¬ê¸° ́¡°́ ˆ */
|
|
179
|
-
.sun-editor .modal-image-resize {position:absolute; display:none; background-color:black; opacity:0.3; z-index:8;}
|
|
180
|
-
.sun-editor .modal-image-resize .image-resize-dot {position:absolute; width:7px; height:7px; border:1px solid black;}
|
|
181
|
-
.sun-editor .modal-image-resize .tl {top:-5px; left:-5px; border-right:0; border-bottom:0;}
|
|
182
|
-
.sun-editor .modal-image-resize .tr {top:-5px; right:-5px; border-bottom:0; border-left:none;}
|
|
183
|
-
.sun-editor .modal-image-resize .bl {bottom:-5px; left:-5px; border-top:0; border-right:0;}
|
|
184
|
-
.sun-editor .modal-image-resize .br-controller {right:-5px; bottom:-5px; background-color:#F00; cursor:se-resize;}
|
|
185
|
-
.sun-editor .modal-image-resize .image-size-display {position:absolute; right:0; bottom:0; padding:5px; margin:5px; font-size:12px; color:white; background-color:black; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-opacity:.7; -khtml-opacity:.7; -moz-opacity:.7; opacity:.7;}
|
|
186
|
-
|
|
187
|
-
/* ́´ë¯¸́§€ í¬ê¸° ́¡°́ ˆ ë²„í¼ */
|
|
188
|
-
.sun-editor .image-resize-btn {position:absolute; display:none; top:0; left:0; margin-top:-50px !important; z-index:12; display:none; max-width:310px; padding:1px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2); box-shadow:0 5px 10px rgba(0, 0, 0, .2); line-break:auto;}
|
|
189
|
-
.sun-editor .image-resize-btn .btn-group {position:relative; display:inline-block; vertical-align:middle; padding:5px 5px 5px 0;}
|
|
190
|
-
.sun-editor .image-resize-btn .btn-group button {position:relative; float:left; border-top-right-radius:0; border-bottom-right-radius:0; margin:0 0 0 2px !important; padding:5px 10px !important; font-size:12px !important; line-height:1.5 !important; border:1px solid #222 !important; border-radius:3px !important; color:#333; background-color:#fff !important; border-color:#ccc !important; display:inline-block; font-size:14px !important; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
|
191
|
-
/*.sun-editor .image-resize-btn .btn-group.remove {width:40px; height:33px; padding:0 10px 0 0 !important;}*/
|
|
192
|
-
.sun-editor .image-resize-btn .btn-group.remove button {width:100%; height:100%;}
|
|
193
|
-
.sun-editor .image-resize-btn .btn-group.remove button .image_remove {font-weight:bold;}
|
|
194
|
-
.sun-editor .image-resize-btn button:hover, .sun-editor .image-resize-btn button:focus {background-color:#ffebc1 !important; border-color:#f4b124 !important; outline:0 none !important;}
|