1. HTML 编辑器加入当前主题样式

2. 粘贴图片自动上传

Author: SeriaWei

Easy.CMS.Web/Content/themes/Admin/admin.css

@@ -1,6 +1,6 @@
 /*!
  * http://www.zkea.net/
- * Copyright 2016 ZKEASOFT
+ * Copyright 2017 ZKEASOFT
  * http://www.zkea.net/licenses
  */
 
@@ -31,16 +31,70 @@ img {
     padding-right: 15px;
 }
 
-@media (min-width: 1300px) {
+    .form-horizontal .control-label {
+        display: block;
+        text-align: right;
+    }
+
+@media (max-width:1199px) {
+    .form-horizontal .control-label {
+        padding-top: 0;
+        margin-bottom: 7px;
+        text-align: left;
+    }
+}
+
+.field-validation-error {
+    top: 10px;
+    position: relative;
+    display: block;
+    background: #ca2026;
+    color: white;
+    padding: .5rem;
+    font-size: 14px;
+}
+
+    .field-validation-error:before {
+        content: " ";
+        display: block;
+        border-top: 2px solid transparent;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-bottom: 8px solid #ca2026;
+        position: absolute;
+        left: 10px;
+        top: -10px;
+    }
+
+@media (min-width: 1440px) {
     .form-horizontal {
-        width: 70%;
+        width: 85%;
     }
 }
 
 
 .input-group .form-control {
     position: static;
 }
+.input-group.loading::before {
+    display: block;
+    content: " ";
+    position: absolute;
+    height: 2px;
+    bottom: 0;
+    left: 0;
+    width: 0;
+    background: red;
+}
+
+.input-group.loading.processing::before {
+    width: 100%;
+    transition: width 2s;
+}
+
+.form-control.required {
+    background-color: #fff0dd;
+}
 
 a.badge:hover {
     background-color: #1F1F1F;
@@ -275,7 +329,8 @@ a.badge:hover {
     content: " [未发布]";
 }
 
-.jstree a[ishomepage="true"] {
+.jstree a[ishomepage="true"],
+.jstree a[url="~/index"] {
     font-weight: bold;
     color: red;
 }
@@ -308,10 +363,6 @@ a.badge:hover {
 .ui-draggable-dragging {
     z-index: 1;
 }
-
-.simplePreview {
-}
-
     .simplePreview .simpleDesign .panel {
         margin: 5px;
     }

Easy.CMS.Web/Content/themes/Admin/admin.min.css

@@ -115,10 +115,10 @@ $(function () {
                 });
             }
         });
-    })
-        .on("submit", "form", function () {
-            Easy.Block();
-        });
+    }).on("submit", "form", function () {
+        Easy.Block();
+    });
+
     $(".form-group select#ZoneID,.form-group select.select").on("mousedown", false);
 
     var mainMenu = $("#main-menu");
@@ -210,7 +210,49 @@ $(function () {
             return null;
         },
         placement: "bottom"
-    });
+    }).parent().addClass("loading");;
+
+    if (document.addEventListener) {
+        document.addEventListener("paste", function (e) {
+            if (e.target.className && e.target.className.indexOf("select-image") >= 0) {
+                var target = e.target;
+                var cbData;
+                if (e.clipboardData) {
+                    cbData = e.clipboardData;
+                } else if (window.clipboardData) {
+                    cbData = window.clipboardData;
+                }
+                if (cbData && cbData.items) {
+                    for (var i = 0; i < cbData.items.length; i++) {
+                        if (cbData.items[i].type.indexOf('image') !== -1) {
+                            target.parentNode.className = target.parentNode.className + " processing";
+                            target.value = "图片上传中...";
+                            var file = cbData.items[i].getAsFile();
+                            var xhr = new XMLHttpRequest();
+                            xhr.open("POST", "/admin/media/Upload");
+                            xhr.onload = function (data) {
+                                target.parentNode.className = target.parentNode.className.replace(" processing", "");
+                                var result = JSON.parse(data.target.response);
+                                if (result.ID) {
+                                    target.value = "~" + result.Url;
+                                    $(target).blur().focus();
+                                }
+                            }
+                            xhr.onerror = function () {
+                                target.parentNode.className = target.parentNode.className.replace(" processing", "");
+                                target.value = "图片上传失败";
+                            }
+                            var formData = new FormData();
+                            formData.append('file', file);
+                            formData.append("folder", "图片");
+                            xhr.send(formData);
+                            break;
+                        }
+                    }
+                }
+            }
+        });
+    }
 
     $(".input-group .glyphicon.glyphicon-play").popover({
         trigger: "click",
@@ -229,21 +271,23 @@ $(function () {
         placement: "left"
     });
 
-    tinymce.init({
-        content_css: ["//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css", "//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"],
-        selector: "textarea.html",
-        verify_html: false,
-        plugins: [
-            "advlist autolink lists link image charmap print preview anchor",
-            "searchreplace visualblocks code fullscreen",
-            "insertdatetime media table contextmenu paste",
-            "filebrowser textcolor hr",
-            "bootstrap"
-        ],
-        toolbar: "insertfile undo redo | styleselect | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | filebrowser",
-        height: 300,
-        relative_urls: false,
-        language_url: "http://cdn.zkeasoft.com/Scripts/tinymce/langs/zh_CN.js"
+    $.post("/admin/Theme/GetCurrentTheme", function (theme) {
+        tinymce.init({
+            content_css: [theme],
+            selector: "textarea.html",
+            verify_html: false,
+            plugins: [
+                "advlist autolink lists link image charmap print preview anchor",
+                "searchreplace visualblocks code fullscreen",
+                "insertdatetime media table contextmenu paste",
+                "filebrowser textcolor hr",
+                "bootstrap pasteImage"
+            ],
+            toolbar: "insertfile undo redo | styleselect | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | filebrowser",
+            height: 300,
+            relative_urls: false,
+            language: "zh_CN"
+        });
     });
 
     $("#main-menu").slimscroll({ height: $(window).height() - 170 });