@lingxiteam/lcdp-ueditor-react 1.0.0-alpha.9 → 1.0.1
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/es/LcdpUeditor.js +64 -61
- package/es/const.js +4 -4
- package/es/defaultConfig.json +76 -76
- package/es/tools/UeditorResourceLoader.js +11 -16
- package/es/tools/filterHtmlNode.d.ts +5 -0
- package/es/tools/filterHtmlNode.js +41 -0
- package/es/tools/loadScript.js +5 -7
- package/es/type.d.ts +6 -0
- package/lib/LcdpUeditor.js +18 -8
- package/lib/defaultConfig.json +76 -76
- package/lib/tools/filterHtmlNode.d.ts +5 -0
- package/lib/tools/filterHtmlNode.js +61 -0
- package/lib/type.d.ts +6 -0
- package/package.json +35 -34
- package/ueditor-resource/dialogs/anchor/anchor.html +62 -62
- package/ueditor-resource/dialogs/attachment/attachment.css +716 -716
- package/ueditor-resource/dialogs/attachment/attachment.html +61 -61
- package/ueditor-resource/dialogs/attachment/attachment.js +803 -803
- package/ueditor-resource/dialogs/audio/audio.css +879 -879
- package/ueditor-resource/dialogs/audio/audio.html +93 -93
- package/ueditor-resource/dialogs/audio/audio.js +815 -815
- package/ueditor-resource/dialogs/background/background.css +193 -193
- package/ueditor-resource/dialogs/background/background.html +59 -59
- package/ueditor-resource/dialogs/background/background.js +370 -370
- package/ueditor-resource/dialogs/contentimport/contentimport.html +176 -176
- package/ueditor-resource/dialogs/contentimport/contentimport.js +91 -91
- package/ueditor-resource/dialogs/emotion/emotion.css +129 -129
- package/ueditor-resource/dialogs/emotion/emotion.html +70 -70
- package/ueditor-resource/dialogs/emotion/emotion.js +186 -186
- package/ueditor-resource/dialogs/formula/formula.html +98 -98
- package/ueditor-resource/dialogs/formula/formula.js +147 -147
- package/ueditor-resource/dialogs/help/help.css +37 -37
- package/ueditor-resource/dialogs/help/help.html +82 -82
- package/ueditor-resource/dialogs/help/help.js +57 -57
- package/ueditor-resource/dialogs/image/image.css +768 -768
- package/ueditor-resource/dialogs/image/image.html +144 -144
- package/ueditor-resource/dialogs/image/image.js +1060 -1060
- package/ueditor-resource/dialogs/insertframe/insertframe.html +135 -135
- package/ueditor-resource/dialogs/internal.js +81 -81
- package/ueditor-resource/dialogs/link/link.html +148 -148
- package/ueditor-resource/dialogs/preview/preview.html +45 -45
- package/ueditor-resource/dialogs/scrawl/scrawl.css +324 -324
- package/ueditor-resource/dialogs/scrawl/scrawl.html +95 -95
- package/ueditor-resource/dialogs/scrawl/scrawl.js +682 -682
- package/ueditor-resource/dialogs/searchreplace/searchreplace.html +144 -144
- package/ueditor-resource/dialogs/searchreplace/searchreplace.js +174 -174
- package/ueditor-resource/dialogs/spechars/spechars.html +42 -42
- package/ueditor-resource/dialogs/spechars/spechars.js +86 -86
- package/ueditor-resource/dialogs/table/edittable.css +85 -85
- package/ueditor-resource/dialogs/table/edittable.html +69 -69
- package/ueditor-resource/dialogs/table/edittable.js +241 -241
- package/ueditor-resource/dialogs/table/edittd.html +62 -62
- package/ueditor-resource/dialogs/table/edittip.html +33 -33
- package/ueditor-resource/dialogs/template/config.js +42 -42
- package/ueditor-resource/dialogs/template/template.css +99 -99
- package/ueditor-resource/dialogs/template/template.html +26 -26
- package/ueditor-resource/dialogs/template/template.js +53 -53
- package/ueditor-resource/dialogs/video/video.css +909 -909
- package/ueditor-resource/dialogs/video/video.html +114 -114
- package/ueditor-resource/dialogs/video/video.js +867 -867
- package/ueditor-resource/dialogs/wordimage/wordimage.html +221 -221
- package/ueditor-resource/dialogs/wordimage/wordimage.js +93 -93
- package/ueditor-resource/lang/en/en.js +686 -686
- package/ueditor-resource/lang/zh-cn/zh-cn.js +748 -748
- package/ueditor-resource/lang/zh-tw/zh-tw.js +748 -748
- package/ueditor-resource/plugins/demo/demo.js +3 -3
- package/ueditor-resource/themes/default/css/ueditor.css +2148 -2148
- package/ueditor-resource/themes/default/dialog.css +17 -17
- package/ueditor-resource/themes/default/dialogbase.css +132 -132
- package/ueditor-resource/themes/default/exts/ai.svg +12 -12
- package/ueditor-resource/themes/default/exts/apk.svg +12 -12
- package/ueditor-resource/themes/default/exts/chm.svg +12 -12
- package/ueditor-resource/themes/default/exts/css.svg +12 -12
- package/ueditor-resource/themes/default/exts/doc.svg +22 -22
- package/ueditor-resource/themes/default/exts/docx.svg +22 -22
- package/ueditor-resource/themes/default/exts/dwg.svg +16 -16
- package/ueditor-resource/themes/default/exts/folder.svg +3 -3
- package/ueditor-resource/themes/default/exts/gif.svg +14 -14
- package/ueditor-resource/themes/default/exts/html.svg +12 -12
- package/ueditor-resource/themes/default/exts/jpeg.svg +14 -14
- package/ueditor-resource/themes/default/exts/jpg.svg +14 -14
- package/ueditor-resource/themes/default/exts/log.svg +12 -12
- package/ueditor-resource/themes/default/exts/mp3.svg +14 -14
- package/ueditor-resource/themes/default/exts/mp4.svg +12 -12
- package/ueditor-resource/themes/default/exts/pdf.svg +14 -14
- package/ueditor-resource/themes/default/exts/png.svg +14 -14
- package/ueditor-resource/themes/default/exts/ppt.svg +24 -24
- package/ueditor-resource/themes/default/exts/pptx.svg +24 -24
- package/ueditor-resource/themes/default/exts/psd.svg +12 -12
- package/ueditor-resource/themes/default/exts/rar.svg +12 -12
- package/ueditor-resource/themes/default/exts/svg.svg +12 -12
- package/ueditor-resource/themes/default/exts/torrent.svg +14 -14
- package/ueditor-resource/themes/default/exts/txt.svg +14 -14
- package/ueditor-resource/themes/default/exts/unknown.svg +12 -12
- package/ueditor-resource/themes/default/exts/xls.svg +25 -25
- package/ueditor-resource/themes/default/exts/xlsx.svg +25 -25
- package/ueditor-resource/themes/default/exts/zip.svg +12 -12
- package/ueditor-resource/themes/iframe.css +63 -63
- package/ueditor-resource/third-party/SyntaxHighlighter/shCore.js +3655 -3655
- package/ueditor-resource/third-party/clipboard/clipboard.js +752 -752
- package/ueditor-resource/third-party/codemirror/codemirror.css +106 -106
- package/ueditor-resource/third-party/codemirror/codemirror.js +3581 -3581
- package/ueditor-resource/third-party/jquery-3.5.1.js +1 -1
- package/ueditor-resource/third-party/jquery-3.5.1_1.js +4314 -4314
- package/ueditor-resource/third-party/webuploader/webuploader.css +88 -88
- package/ueditor-resource/third-party/webuploader/webuploader.js +3 -3
- package/ueditor-resource/third-party/zeroclipboard/ZeroClipboard.js +1255 -1255
- package/ueditor-resource/{lcdp-ueditor.all.js → ueditor.all.js} +5270 -5269
- package/ueditor-resource/ueditor.config.js +655 -655
- package/ueditor-resource/{lcdp-ueditor.parse.js → ueditor.parse.js} +13 -13
- package/ueditor-resource/index.html +0 -146
| @@ -1,324 +1,324 @@ | |
| 1 | 
            -
            /*common
         | 
| 2 | 
            -
            */
         | 
| 3 | 
            -
            body {
         | 
| 4 | 
            -
                margin: 0;
         | 
| 5 | 
            -
            }
         | 
| 6 | 
            -
             | 
| 7 | 
            -
            table {
         | 
| 8 | 
            -
                width: 100%;
         | 
| 9 | 
            -
            }
         | 
| 10 | 
            -
             | 
| 11 | 
            -
            table td {
         | 
| 12 | 
            -
                padding: 2px 4px;
         | 
| 13 | 
            -
                vertical-align: middle;
         | 
| 14 | 
            -
            }
         | 
| 15 | 
            -
             | 
| 16 | 
            -
            a {
         | 
| 17 | 
            -
                text-decoration: none;
         | 
| 18 | 
            -
            }
         | 
| 19 | 
            -
             | 
| 20 | 
            -
            em {
         | 
| 21 | 
            -
                font-style: normal;
         | 
| 22 | 
            -
            }
         | 
| 23 | 
            -
             | 
| 24 | 
            -
            .border_style1 {
         | 
| 25 | 
            -
                border: 1px solid #ccc;
         | 
| 26 | 
            -
                border-radius: 5px;
         | 
| 27 | 
            -
                box-shadow: 2px 2px 5px #d3d6da;
         | 
| 28 | 
            -
            }
         | 
| 29 | 
            -
             | 
| 30 | 
            -
            /*module
         | 
| 31 | 
            -
            */
         | 
| 32 | 
            -
            .main {
         | 
| 33 | 
            -
                margin: 8px;
         | 
| 34 | 
            -
                overflow: hidden;
         | 
| 35 | 
            -
            }
         | 
| 36 | 
            -
             | 
| 37 | 
            -
            .hot {
         | 
| 38 | 
            -
                float: left;
         | 
| 39 | 
            -
                height: 335px;
         | 
| 40 | 
            -
            }
         | 
| 41 | 
            -
             | 
| 42 | 
            -
            .drawBoard {
         | 
| 43 | 
            -
                position: relative;
         | 
| 44 | 
            -
                cursor: crosshair;
         | 
| 45 | 
            -
            }
         | 
| 46 | 
            -
             | 
| 47 | 
            -
            .brushBorad {
         | 
| 48 | 
            -
                position: absolute;
         | 
| 49 | 
            -
                left: 0;
         | 
| 50 | 
            -
                top: 0;
         | 
| 51 | 
            -
                z-index: 998;
         | 
| 52 | 
            -
            }
         | 
| 53 | 
            -
             | 
| 54 | 
            -
            .picBoard {
         | 
| 55 | 
            -
                border: none;
         | 
| 56 | 
            -
                text-align: center;
         | 
| 57 | 
            -
                line-height: 300px;
         | 
| 58 | 
            -
                cursor: default;
         | 
| 59 | 
            -
            }
         | 
| 60 | 
            -
             | 
| 61 | 
            -
            .operateBar {
         | 
| 62 | 
            -
                margin-top: 10px;
         | 
| 63 | 
            -
                font-size: 12px;
         | 
| 64 | 
            -
                text-align: center;
         | 
| 65 | 
            -
            }
         | 
| 66 | 
            -
             | 
| 67 | 
            -
            .operateBar span {
         | 
| 68 | 
            -
                margin-left: 10px;
         | 
| 69 | 
            -
            }
         | 
| 70 | 
            -
             | 
| 71 | 
            -
            .drawToolbar {
         | 
| 72 | 
            -
                float: right;
         | 
| 73 | 
            -
                width: 110px;
         | 
| 74 | 
            -
                height: 300px;
         | 
| 75 | 
            -
                overflow: hidden;
         | 
| 76 | 
            -
            }
         | 
| 77 | 
            -
             | 
| 78 | 
            -
            .colorBar {
         | 
| 79 | 
            -
                margin-top: 10px;
         | 
| 80 | 
            -
                font-size: 12px;
         | 
| 81 | 
            -
                text-align: center;
         | 
| 82 | 
            -
            }
         | 
| 83 | 
            -
             | 
| 84 | 
            -
            .colorBar a {
         | 
| 85 | 
            -
                display: block;
         | 
| 86 | 
            -
                width: 10px;
         | 
| 87 | 
            -
                height: 10px;
         | 
| 88 | 
            -
                border: 1px solid #1006F1;
         | 
| 89 | 
            -
                border-radius: 3px;
         | 
| 90 | 
            -
                box-shadow: 2px 2px 5px #d3d6da;
         | 
| 91 | 
            -
                opacity: 0.3
         | 
| 92 | 
            -
            }
         | 
| 93 | 
            -
             | 
| 94 | 
            -
            .sectionBar {
         | 
| 95 | 
            -
                margin-top: 15px;
         | 
| 96 | 
            -
                font-size: 12px;
         | 
| 97 | 
            -
                text-align: center;
         | 
| 98 | 
            -
            }
         | 
| 99 | 
            -
             | 
| 100 | 
            -
            .sectionBar a {
         | 
| 101 | 
            -
                display: inline-block;
         | 
| 102 | 
            -
                width: 10px;
         | 
| 103 | 
            -
                height: 12px;
         | 
| 104 | 
            -
                color: #888;
         | 
| 105 | 
            -
                text-indent: -999px;
         | 
| 106 | 
            -
                opacity: 0.3
         | 
| 107 | 
            -
            }
         | 
| 108 | 
            -
             | 
| 109 | 
            -
            .size1 {
         | 
| 110 | 
            -
                background: url('images/size.png') 1px center no-repeat;
         | 
| 111 | 
            -
            }
         | 
| 112 | 
            -
             | 
| 113 | 
            -
            .size2 {
         | 
| 114 | 
            -
                background: url('images/size.png') -10px center no-repeat;
         | 
| 115 | 
            -
            }
         | 
| 116 | 
            -
             | 
| 117 | 
            -
            .size3 {
         | 
| 118 | 
            -
                background: url('images/size.png') -22px center no-repeat;
         | 
| 119 | 
            -
            }
         | 
| 120 | 
            -
             | 
| 121 | 
            -
            .size4 {
         | 
| 122 | 
            -
                background: url('images/size.png') -35px center no-repeat;
         | 
| 123 | 
            -
            }
         | 
| 124 | 
            -
             | 
| 125 | 
            -
            .addImgH {
         | 
| 126 | 
            -
                position: relative;
         | 
| 127 | 
            -
            }
         | 
| 128 | 
            -
             | 
| 129 | 
            -
            .addImgH_form {
         | 
| 130 | 
            -
                position: absolute;
         | 
| 131 | 
            -
                left: 18px;
         | 
| 132 | 
            -
                top: -1px;
         | 
| 133 | 
            -
                width: 75px;
         | 
| 134 | 
            -
                height: 21px;
         | 
| 135 | 
            -
                opacity: 0;
         | 
| 136 | 
            -
                cursor: pointer;
         | 
| 137 | 
            -
            }
         | 
| 138 | 
            -
             | 
| 139 | 
            -
            .addImgH_form input {
         | 
| 140 | 
            -
                width: 100%;
         | 
| 141 | 
            -
            }
         | 
| 142 | 
            -
             | 
| 143 | 
            -
            /*scrawl遮罩层
         | 
| 144 | 
            -
            */
         | 
| 145 | 
            -
            .maskLayerNull {
         | 
| 146 | 
            -
                display: none;
         | 
| 147 | 
            -
            }
         | 
| 148 | 
            -
             | 
| 149 | 
            -
            .maskLayer {
         | 
| 150 | 
            -
                position: absolute;
         | 
| 151 | 
            -
                top: 0;
         | 
| 152 | 
            -
                left: 0;
         | 
| 153 | 
            -
                width: 100%;
         | 
| 154 | 
            -
                height: 100%;
         | 
| 155 | 
            -
                opacity: 0.7;
         | 
| 156 | 
            -
                background-color: #fff;
         | 
| 157 | 
            -
                text-align: center;
         | 
| 158 | 
            -
                font-weight: bold;
         | 
| 159 | 
            -
                line-height: 300px;
         | 
| 160 | 
            -
                z-index: 1000;
         | 
| 161 | 
            -
            }
         | 
| 162 | 
            -
             | 
| 163 | 
            -
            /*btn state
         | 
| 164 | 
            -
            */
         | 
| 165 | 
            -
            .previousStepH .icon {
         | 
| 166 | 
            -
                display: inline-block;
         | 
| 167 | 
            -
                width: 16px;
         | 
| 168 | 
            -
                height: 16px;
         | 
| 169 | 
            -
                background-image: url('images/undoH.png');
         | 
| 170 | 
            -
                cursor: pointer;
         | 
| 171 | 
            -
            }
         | 
| 172 | 
            -
             | 
| 173 | 
            -
            .previousStepH .text {
         | 
| 174 | 
            -
                color: #888;
         | 
| 175 | 
            -
                cursor: pointer;
         | 
| 176 | 
            -
            }
         | 
| 177 | 
            -
             | 
| 178 | 
            -
            .previousStep .icon {
         | 
| 179 | 
            -
                display: inline-block;
         | 
| 180 | 
            -
                width: 16px;
         | 
| 181 | 
            -
                height: 16px;
         | 
| 182 | 
            -
                background-image: url('images/undo.png');
         | 
| 183 | 
            -
                cursor: default;
         | 
| 184 | 
            -
            }
         | 
| 185 | 
            -
             | 
| 186 | 
            -
            .previousStep .text {
         | 
| 187 | 
            -
                color: #ccc;
         | 
| 188 | 
            -
                cursor: default;
         | 
| 189 | 
            -
            }
         | 
| 190 | 
            -
             | 
| 191 | 
            -
            .nextStepH .icon {
         | 
| 192 | 
            -
                display: inline-block;
         | 
| 193 | 
            -
                width: 16px;
         | 
| 194 | 
            -
                height: 16px;
         | 
| 195 | 
            -
                background-image: url('images/redoH.png');
         | 
| 196 | 
            -
                cursor: pointer;
         | 
| 197 | 
            -
            }
         | 
| 198 | 
            -
             | 
| 199 | 
            -
            .nextStepH .text {
         | 
| 200 | 
            -
                color: #888;
         | 
| 201 | 
            -
                cursor: pointer;
         | 
| 202 | 
            -
            }
         | 
| 203 | 
            -
             | 
| 204 | 
            -
            .nextStep .icon {
         | 
| 205 | 
            -
                display: inline-block;
         | 
| 206 | 
            -
                width: 16px;
         | 
| 207 | 
            -
                height: 16px;
         | 
| 208 | 
            -
                background-image: url('images/redo.png');
         | 
| 209 | 
            -
                cursor: default;
         | 
| 210 | 
            -
            }
         | 
| 211 | 
            -
             | 
| 212 | 
            -
            .nextStep .text {
         | 
| 213 | 
            -
                color: #ccc;
         | 
| 214 | 
            -
                cursor: default;
         | 
| 215 | 
            -
            }
         | 
| 216 | 
            -
             | 
| 217 | 
            -
            .clearBoardH .icon {
         | 
| 218 | 
            -
                display: inline-block;
         | 
| 219 | 
            -
                width: 16px;
         | 
| 220 | 
            -
                height: 16px;
         | 
| 221 | 
            -
                background-image: url('images/emptyH.png');
         | 
| 222 | 
            -
                cursor: pointer;
         | 
| 223 | 
            -
            }
         | 
| 224 | 
            -
             | 
| 225 | 
            -
            .clearBoardH .text {
         | 
| 226 | 
            -
                color: #888;
         | 
| 227 | 
            -
                cursor: pointer;
         | 
| 228 | 
            -
            }
         | 
| 229 | 
            -
             | 
| 230 | 
            -
            .clearBoard .icon {
         | 
| 231 | 
            -
                display: inline-block;
         | 
| 232 | 
            -
                width: 16px;
         | 
| 233 | 
            -
                height: 16px;
         | 
| 234 | 
            -
                background-image: url('images/empty.png');
         | 
| 235 | 
            -
                cursor: default;
         | 
| 236 | 
            -
            }
         | 
| 237 | 
            -
             | 
| 238 | 
            -
            .clearBoard .text {
         | 
| 239 | 
            -
                color: #ccc;
         | 
| 240 | 
            -
                cursor: default;
         | 
| 241 | 
            -
            }
         | 
| 242 | 
            -
             | 
| 243 | 
            -
            .scaleBoardH .icon {
         | 
| 244 | 
            -
                display: inline-block;
         | 
| 245 | 
            -
                width: 16px;
         | 
| 246 | 
            -
                height: 16px;
         | 
| 247 | 
            -
                background-image: url('images/scaleH.png');
         | 
| 248 | 
            -
                cursor: pointer;
         | 
| 249 | 
            -
            }
         | 
| 250 | 
            -
             | 
| 251 | 
            -
            .scaleBoardH .text {
         | 
| 252 | 
            -
                color: #888;
         | 
| 253 | 
            -
                cursor: pointer;
         | 
| 254 | 
            -
            }
         | 
| 255 | 
            -
             | 
| 256 | 
            -
            .scaleBoard .icon {
         | 
| 257 | 
            -
                display: inline-block;
         | 
| 258 | 
            -
                width: 16px;
         | 
| 259 | 
            -
                height: 16px;
         | 
| 260 | 
            -
                background-image: url('images/scale.png');
         | 
| 261 | 
            -
                cursor: default;
         | 
| 262 | 
            -
            }
         | 
| 263 | 
            -
             | 
| 264 | 
            -
            .scaleBoard .text {
         | 
| 265 | 
            -
                color: #ccc;
         | 
| 266 | 
            -
                cursor: default;
         | 
| 267 | 
            -
            }
         | 
| 268 | 
            -
             | 
| 269 | 
            -
            .removeImgH .icon {
         | 
| 270 | 
            -
                display: inline-block;
         | 
| 271 | 
            -
                width: 16px;
         | 
| 272 | 
            -
                height: 16px;
         | 
| 273 | 
            -
                background-image: url('images/delimgH.png');
         | 
| 274 | 
            -
                cursor: pointer;
         | 
| 275 | 
            -
            }
         | 
| 276 | 
            -
             | 
| 277 | 
            -
            .removeImgH .text {
         | 
| 278 | 
            -
                color: #888;
         | 
| 279 | 
            -
                cursor: pointer;
         | 
| 280 | 
            -
            }
         | 
| 281 | 
            -
             | 
| 282 | 
            -
            .removeImg .icon {
         | 
| 283 | 
            -
                display: inline-block;
         | 
| 284 | 
            -
                width: 16px;
         | 
| 285 | 
            -
                height: 16px;
         | 
| 286 | 
            -
                background-image: url('images/delimg.png');
         | 
| 287 | 
            -
                cursor: default;
         | 
| 288 | 
            -
            }
         | 
| 289 | 
            -
             | 
| 290 | 
            -
            .removeImg .text {
         | 
| 291 | 
            -
                color: #ccc;
         | 
| 292 | 
            -
                cursor: default;
         | 
| 293 | 
            -
            }
         | 
| 294 | 
            -
             | 
| 295 | 
            -
            .addImgH .icon {
         | 
| 296 | 
            -
                vertical-align: top;
         | 
| 297 | 
            -
                display: inline-block;
         | 
| 298 | 
            -
                width: 16px;
         | 
| 299 | 
            -
                height: 16px;
         | 
| 300 | 
            -
                background-image: url('images/addimg.png')
         | 
| 301 | 
            -
            }
         | 
| 302 | 
            -
             | 
| 303 | 
            -
            .addImgH .text {
         | 
| 304 | 
            -
                color: #888;
         | 
| 305 | 
            -
                cursor: pointer;
         | 
| 306 | 
            -
            }
         | 
| 307 | 
            -
             | 
| 308 | 
            -
            /*icon
         | 
| 309 | 
            -
            */
         | 
| 310 | 
            -
            .brushIcon {
         | 
| 311 | 
            -
                display: inline-block;
         | 
| 312 | 
            -
                width: 16px;
         | 
| 313 | 
            -
                height: 16px;
         | 
| 314 | 
            -
                background-image: url('images/brush.png')
         | 
| 315 | 
            -
            }
         | 
| 316 | 
            -
             | 
| 317 | 
            -
            .eraserIcon {
         | 
| 318 | 
            -
                display: inline-block;
         | 
| 319 | 
            -
                width: 16px;
         | 
| 320 | 
            -
                height: 16px;
         | 
| 321 | 
            -
                background-image: url('images/eraser.png')
         | 
| 322 | 
            -
            }
         | 
| 323 | 
            -
             | 
| 324 | 
            -
             | 
| 1 | 
            +
            /*common
         | 
| 2 | 
            +
            */
         | 
| 3 | 
            +
            body {
         | 
| 4 | 
            +
                margin: 0;
         | 
| 5 | 
            +
            }
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            table {
         | 
| 8 | 
            +
                width: 100%;
         | 
| 9 | 
            +
            }
         | 
| 10 | 
            +
             | 
| 11 | 
            +
            table td {
         | 
| 12 | 
            +
                padding: 2px 4px;
         | 
| 13 | 
            +
                vertical-align: middle;
         | 
| 14 | 
            +
            }
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            a {
         | 
| 17 | 
            +
                text-decoration: none;
         | 
| 18 | 
            +
            }
         | 
| 19 | 
            +
             | 
| 20 | 
            +
            em {
         | 
| 21 | 
            +
                font-style: normal;
         | 
| 22 | 
            +
            }
         | 
| 23 | 
            +
             | 
| 24 | 
            +
            .border_style1 {
         | 
| 25 | 
            +
                border: 1px solid #ccc;
         | 
| 26 | 
            +
                border-radius: 5px;
         | 
| 27 | 
            +
                box-shadow: 2px 2px 5px #d3d6da;
         | 
| 28 | 
            +
            }
         | 
| 29 | 
            +
             | 
| 30 | 
            +
            /*module
         | 
| 31 | 
            +
            */
         | 
| 32 | 
            +
            .main {
         | 
| 33 | 
            +
                margin: 8px;
         | 
| 34 | 
            +
                overflow: hidden;
         | 
| 35 | 
            +
            }
         | 
| 36 | 
            +
             | 
| 37 | 
            +
            .hot {
         | 
| 38 | 
            +
                float: left;
         | 
| 39 | 
            +
                height: 335px;
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
             | 
| 42 | 
            +
            .drawBoard {
         | 
| 43 | 
            +
                position: relative;
         | 
| 44 | 
            +
                cursor: crosshair;
         | 
| 45 | 
            +
            }
         | 
| 46 | 
            +
             | 
| 47 | 
            +
            .brushBorad {
         | 
| 48 | 
            +
                position: absolute;
         | 
| 49 | 
            +
                left: 0;
         | 
| 50 | 
            +
                top: 0;
         | 
| 51 | 
            +
                z-index: 998;
         | 
| 52 | 
            +
            }
         | 
| 53 | 
            +
             | 
| 54 | 
            +
            .picBoard {
         | 
| 55 | 
            +
                border: none;
         | 
| 56 | 
            +
                text-align: center;
         | 
| 57 | 
            +
                line-height: 300px;
         | 
| 58 | 
            +
                cursor: default;
         | 
| 59 | 
            +
            }
         | 
| 60 | 
            +
             | 
| 61 | 
            +
            .operateBar {
         | 
| 62 | 
            +
                margin-top: 10px;
         | 
| 63 | 
            +
                font-size: 12px;
         | 
| 64 | 
            +
                text-align: center;
         | 
| 65 | 
            +
            }
         | 
| 66 | 
            +
             | 
| 67 | 
            +
            .operateBar span {
         | 
| 68 | 
            +
                margin-left: 10px;
         | 
| 69 | 
            +
            }
         | 
| 70 | 
            +
             | 
| 71 | 
            +
            .drawToolbar {
         | 
| 72 | 
            +
                float: right;
         | 
| 73 | 
            +
                width: 110px;
         | 
| 74 | 
            +
                height: 300px;
         | 
| 75 | 
            +
                overflow: hidden;
         | 
| 76 | 
            +
            }
         | 
| 77 | 
            +
             | 
| 78 | 
            +
            .colorBar {
         | 
| 79 | 
            +
                margin-top: 10px;
         | 
| 80 | 
            +
                font-size: 12px;
         | 
| 81 | 
            +
                text-align: center;
         | 
| 82 | 
            +
            }
         | 
| 83 | 
            +
             | 
| 84 | 
            +
            .colorBar a {
         | 
| 85 | 
            +
                display: block;
         | 
| 86 | 
            +
                width: 10px;
         | 
| 87 | 
            +
                height: 10px;
         | 
| 88 | 
            +
                border: 1px solid #1006F1;
         | 
| 89 | 
            +
                border-radius: 3px;
         | 
| 90 | 
            +
                box-shadow: 2px 2px 5px #d3d6da;
         | 
| 91 | 
            +
                opacity: 0.3
         | 
| 92 | 
            +
            }
         | 
| 93 | 
            +
             | 
| 94 | 
            +
            .sectionBar {
         | 
| 95 | 
            +
                margin-top: 15px;
         | 
| 96 | 
            +
                font-size: 12px;
         | 
| 97 | 
            +
                text-align: center;
         | 
| 98 | 
            +
            }
         | 
| 99 | 
            +
             | 
| 100 | 
            +
            .sectionBar a {
         | 
| 101 | 
            +
                display: inline-block;
         | 
| 102 | 
            +
                width: 10px;
         | 
| 103 | 
            +
                height: 12px;
         | 
| 104 | 
            +
                color: #888;
         | 
| 105 | 
            +
                text-indent: -999px;
         | 
| 106 | 
            +
                opacity: 0.3
         | 
| 107 | 
            +
            }
         | 
| 108 | 
            +
             | 
| 109 | 
            +
            .size1 {
         | 
| 110 | 
            +
                background: url('images/size.png') 1px center no-repeat;
         | 
| 111 | 
            +
            }
         | 
| 112 | 
            +
             | 
| 113 | 
            +
            .size2 {
         | 
| 114 | 
            +
                background: url('images/size.png') -10px center no-repeat;
         | 
| 115 | 
            +
            }
         | 
| 116 | 
            +
             | 
| 117 | 
            +
            .size3 {
         | 
| 118 | 
            +
                background: url('images/size.png') -22px center no-repeat;
         | 
| 119 | 
            +
            }
         | 
| 120 | 
            +
             | 
| 121 | 
            +
            .size4 {
         | 
| 122 | 
            +
                background: url('images/size.png') -35px center no-repeat;
         | 
| 123 | 
            +
            }
         | 
| 124 | 
            +
             | 
| 125 | 
            +
            .addImgH {
         | 
| 126 | 
            +
                position: relative;
         | 
| 127 | 
            +
            }
         | 
| 128 | 
            +
             | 
| 129 | 
            +
            .addImgH_form {
         | 
| 130 | 
            +
                position: absolute;
         | 
| 131 | 
            +
                left: 18px;
         | 
| 132 | 
            +
                top: -1px;
         | 
| 133 | 
            +
                width: 75px;
         | 
| 134 | 
            +
                height: 21px;
         | 
| 135 | 
            +
                opacity: 0;
         | 
| 136 | 
            +
                cursor: pointer;
         | 
| 137 | 
            +
            }
         | 
| 138 | 
            +
             | 
| 139 | 
            +
            .addImgH_form input {
         | 
| 140 | 
            +
                width: 100%;
         | 
| 141 | 
            +
            }
         | 
| 142 | 
            +
             | 
| 143 | 
            +
            /*scrawl遮罩层
         | 
| 144 | 
            +
            */
         | 
| 145 | 
            +
            .maskLayerNull {
         | 
| 146 | 
            +
                display: none;
         | 
| 147 | 
            +
            }
         | 
| 148 | 
            +
             | 
| 149 | 
            +
            .maskLayer {
         | 
| 150 | 
            +
                position: absolute;
         | 
| 151 | 
            +
                top: 0;
         | 
| 152 | 
            +
                left: 0;
         | 
| 153 | 
            +
                width: 100%;
         | 
| 154 | 
            +
                height: 100%;
         | 
| 155 | 
            +
                opacity: 0.7;
         | 
| 156 | 
            +
                background-color: #fff;
         | 
| 157 | 
            +
                text-align: center;
         | 
| 158 | 
            +
                font-weight: bold;
         | 
| 159 | 
            +
                line-height: 300px;
         | 
| 160 | 
            +
                z-index: 1000;
         | 
| 161 | 
            +
            }
         | 
| 162 | 
            +
             | 
| 163 | 
            +
            /*btn state
         | 
| 164 | 
            +
            */
         | 
| 165 | 
            +
            .previousStepH .icon {
         | 
| 166 | 
            +
                display: inline-block;
         | 
| 167 | 
            +
                width: 16px;
         | 
| 168 | 
            +
                height: 16px;
         | 
| 169 | 
            +
                background-image: url('images/undoH.png');
         | 
| 170 | 
            +
                cursor: pointer;
         | 
| 171 | 
            +
            }
         | 
| 172 | 
            +
             | 
| 173 | 
            +
            .previousStepH .text {
         | 
| 174 | 
            +
                color: #888;
         | 
| 175 | 
            +
                cursor: pointer;
         | 
| 176 | 
            +
            }
         | 
| 177 | 
            +
             | 
| 178 | 
            +
            .previousStep .icon {
         | 
| 179 | 
            +
                display: inline-block;
         | 
| 180 | 
            +
                width: 16px;
         | 
| 181 | 
            +
                height: 16px;
         | 
| 182 | 
            +
                background-image: url('images/undo.png');
         | 
| 183 | 
            +
                cursor: default;
         | 
| 184 | 
            +
            }
         | 
| 185 | 
            +
             | 
| 186 | 
            +
            .previousStep .text {
         | 
| 187 | 
            +
                color: #ccc;
         | 
| 188 | 
            +
                cursor: default;
         | 
| 189 | 
            +
            }
         | 
| 190 | 
            +
             | 
| 191 | 
            +
            .nextStepH .icon {
         | 
| 192 | 
            +
                display: inline-block;
         | 
| 193 | 
            +
                width: 16px;
         | 
| 194 | 
            +
                height: 16px;
         | 
| 195 | 
            +
                background-image: url('images/redoH.png');
         | 
| 196 | 
            +
                cursor: pointer;
         | 
| 197 | 
            +
            }
         | 
| 198 | 
            +
             | 
| 199 | 
            +
            .nextStepH .text {
         | 
| 200 | 
            +
                color: #888;
         | 
| 201 | 
            +
                cursor: pointer;
         | 
| 202 | 
            +
            }
         | 
| 203 | 
            +
             | 
| 204 | 
            +
            .nextStep .icon {
         | 
| 205 | 
            +
                display: inline-block;
         | 
| 206 | 
            +
                width: 16px;
         | 
| 207 | 
            +
                height: 16px;
         | 
| 208 | 
            +
                background-image: url('images/redo.png');
         | 
| 209 | 
            +
                cursor: default;
         | 
| 210 | 
            +
            }
         | 
| 211 | 
            +
             | 
| 212 | 
            +
            .nextStep .text {
         | 
| 213 | 
            +
                color: #ccc;
         | 
| 214 | 
            +
                cursor: default;
         | 
| 215 | 
            +
            }
         | 
| 216 | 
            +
             | 
| 217 | 
            +
            .clearBoardH .icon {
         | 
| 218 | 
            +
                display: inline-block;
         | 
| 219 | 
            +
                width: 16px;
         | 
| 220 | 
            +
                height: 16px;
         | 
| 221 | 
            +
                background-image: url('images/emptyH.png');
         | 
| 222 | 
            +
                cursor: pointer;
         | 
| 223 | 
            +
            }
         | 
| 224 | 
            +
             | 
| 225 | 
            +
            .clearBoardH .text {
         | 
| 226 | 
            +
                color: #888;
         | 
| 227 | 
            +
                cursor: pointer;
         | 
| 228 | 
            +
            }
         | 
| 229 | 
            +
             | 
| 230 | 
            +
            .clearBoard .icon {
         | 
| 231 | 
            +
                display: inline-block;
         | 
| 232 | 
            +
                width: 16px;
         | 
| 233 | 
            +
                height: 16px;
         | 
| 234 | 
            +
                background-image: url('images/empty.png');
         | 
| 235 | 
            +
                cursor: default;
         | 
| 236 | 
            +
            }
         | 
| 237 | 
            +
             | 
| 238 | 
            +
            .clearBoard .text {
         | 
| 239 | 
            +
                color: #ccc;
         | 
| 240 | 
            +
                cursor: default;
         | 
| 241 | 
            +
            }
         | 
| 242 | 
            +
             | 
| 243 | 
            +
            .scaleBoardH .icon {
         | 
| 244 | 
            +
                display: inline-block;
         | 
| 245 | 
            +
                width: 16px;
         | 
| 246 | 
            +
                height: 16px;
         | 
| 247 | 
            +
                background-image: url('images/scaleH.png');
         | 
| 248 | 
            +
                cursor: pointer;
         | 
| 249 | 
            +
            }
         | 
| 250 | 
            +
             | 
| 251 | 
            +
            .scaleBoardH .text {
         | 
| 252 | 
            +
                color: #888;
         | 
| 253 | 
            +
                cursor: pointer;
         | 
| 254 | 
            +
            }
         | 
| 255 | 
            +
             | 
| 256 | 
            +
            .scaleBoard .icon {
         | 
| 257 | 
            +
                display: inline-block;
         | 
| 258 | 
            +
                width: 16px;
         | 
| 259 | 
            +
                height: 16px;
         | 
| 260 | 
            +
                background-image: url('images/scale.png');
         | 
| 261 | 
            +
                cursor: default;
         | 
| 262 | 
            +
            }
         | 
| 263 | 
            +
             | 
| 264 | 
            +
            .scaleBoard .text {
         | 
| 265 | 
            +
                color: #ccc;
         | 
| 266 | 
            +
                cursor: default;
         | 
| 267 | 
            +
            }
         | 
| 268 | 
            +
             | 
| 269 | 
            +
            .removeImgH .icon {
         | 
| 270 | 
            +
                display: inline-block;
         | 
| 271 | 
            +
                width: 16px;
         | 
| 272 | 
            +
                height: 16px;
         | 
| 273 | 
            +
                background-image: url('images/delimgH.png');
         | 
| 274 | 
            +
                cursor: pointer;
         | 
| 275 | 
            +
            }
         | 
| 276 | 
            +
             | 
| 277 | 
            +
            .removeImgH .text {
         | 
| 278 | 
            +
                color: #888;
         | 
| 279 | 
            +
                cursor: pointer;
         | 
| 280 | 
            +
            }
         | 
| 281 | 
            +
             | 
| 282 | 
            +
            .removeImg .icon {
         | 
| 283 | 
            +
                display: inline-block;
         | 
| 284 | 
            +
                width: 16px;
         | 
| 285 | 
            +
                height: 16px;
         | 
| 286 | 
            +
                background-image: url('images/delimg.png');
         | 
| 287 | 
            +
                cursor: default;
         | 
| 288 | 
            +
            }
         | 
| 289 | 
            +
             | 
| 290 | 
            +
            .removeImg .text {
         | 
| 291 | 
            +
                color: #ccc;
         | 
| 292 | 
            +
                cursor: default;
         | 
| 293 | 
            +
            }
         | 
| 294 | 
            +
             | 
| 295 | 
            +
            .addImgH .icon {
         | 
| 296 | 
            +
                vertical-align: top;
         | 
| 297 | 
            +
                display: inline-block;
         | 
| 298 | 
            +
                width: 16px;
         | 
| 299 | 
            +
                height: 16px;
         | 
| 300 | 
            +
                background-image: url('images/addimg.png')
         | 
| 301 | 
            +
            }
         | 
| 302 | 
            +
             | 
| 303 | 
            +
            .addImgH .text {
         | 
| 304 | 
            +
                color: #888;
         | 
| 305 | 
            +
                cursor: pointer;
         | 
| 306 | 
            +
            }
         | 
| 307 | 
            +
             | 
| 308 | 
            +
            /*icon
         | 
| 309 | 
            +
            */
         | 
| 310 | 
            +
            .brushIcon {
         | 
| 311 | 
            +
                display: inline-block;
         | 
| 312 | 
            +
                width: 16px;
         | 
| 313 | 
            +
                height: 16px;
         | 
| 314 | 
            +
                background-image: url('images/brush.png')
         | 
| 315 | 
            +
            }
         | 
| 316 | 
            +
             | 
| 317 | 
            +
            .eraserIcon {
         | 
| 318 | 
            +
                display: inline-block;
         | 
| 319 | 
            +
                width: 16px;
         | 
| 320 | 
            +
                height: 16px;
         | 
| 321 | 
            +
                background-image: url('images/eraser.png')
         | 
| 322 | 
            +
            }
         | 
| 323 | 
            +
             | 
| 324 | 
            +
             |