Skip to content

C
confucius
Commit 13f20635 authored by 黄奎's avatar 黄奎
Browse files
Options

配置修改

parent 56604e40
Hide whitespace changes
Inline Side-by-side
Showing with 536 additions and 359 deletions
public/static/UE/themes/default/css/ueditor.css
View file @ 13f20635
/*基础UI构建
/*鍩虹UI鏋勫缓
*/
/* common layer */
.edui-default .edui-box {
......@@ -6,6 +6,7 @@
padding: 0;
margin: 0;
overflow: hidden;
text-align: center;
}
.edui-default a.edui-box {
......@@ -13,6 +14,10 @@
text-decoration: none;
color: black;
}
/* .edui-default .edui-popup-content
{
min-height:120px;
} */
.edui-default a.edui-box:hover {
text-decoration: none;
......@@ -60,6 +65,7 @@ div.edui-box {
position: relative;
}
.edui-default .edui-popup {
position: absolute;
-webkit-user-select: none;
......@@ -113,70 +119,73 @@ div.edui-box {
color: gray;
cursor: default;
}
/* 工具栏 */
/* 宸ュ叿鏍� */
.edui-default .edui-toolbar {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
padding: 1px;
overflow: hidden; /*全屏下单独一行不占位*/
overflow: hidden; /*鍏ㄥ睆涓嬪崟鐙竴琛屼笉鍗犱綅*/
zoom: 1;
width:auto;
height:auto;
}
.edui-default .edui-toolbar .edui-button,
.edui-default .edui-toolbar .edui-splitbutton,
.edui-default .edui-toolbar .edui-menubutton,
.edui-default .edui-toolbar .edui-combox {
margin: 1px;
margin: 1px 4px;
}
/*UI工具栏、编辑区域、底部*/
/*UI宸ュ叿鏍忋€佺紪杈戝尯鍩熴€佸簳閮�*/
.edui-default .edui-editor {
border: 1px solid #d4d4d4;
border: 1px solid #E1EAF4;
background-color: white;
position: relative;
overflow: visible;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top:2px;
/*
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 鐜嬩簹椋� 09.26娉ㄩ噴 */
}
.edui-editor div{
width:auto;
height:auto;
}
.edui-default .edui-editor-toolbarbox {
position: relative;
zoom: 1;
-webkit-box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
/* -webkit-box-shadow:0 1px 4px rgba(204, 204, 204, 0.6); */
-moz-box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
/* box-shadow:0 1px 4px rgba(204, 204, 204, 0.6); */
border-top-left-radius:2px;
border-top-right-radius:2px;
border-bottom: 1px solid #E1EAF4;
}
.edui-default .edui-editor-toolbarboxouter {
/*
border-bottom: 1px solid #d4d4d4;
background-color: #fafafa;
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat: repeat-x;
/*border: 1px solid #d4d4d4;*/
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
*zoom: 1;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
background-color: #fafafa;
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat: repeat-x; 鐜嬩簹椋� 09.26娉ㄩ噴 */
/*border: 1px solid #d4d4d4; 杩欎釜涔嬪墠灏辨敞閲婁簡 鈥︹€�*/
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
*zoom: 1;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); */
}
.edui-default .edui-editor-toolbarboxinner {
padding: 2px;
padding: 4px 4px;
}
.edui-default .edui-editor-iframeholder {
......@@ -201,9 +210,11 @@ div.edui-box {
.edui-default .edui-editor-bottomContainer {
overflow: hidden;
/*鐜嬩簹椋� 13.10.24*/
heigth:38px;
}
.edui-default .edui-editor-bottomContainer table {
/* .edui-default .edui-editor-bottomContainer table {
width: 100%;
height: 0;
overflow: hidden;
......@@ -216,8 +227,18 @@ div.edui-box {
line-height: 20px;
font-size: 12px;
font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
padding:0;height:24px;line-height:24px;background:#f2f2f2;
}
.TongZhi table.TableTop .edui-default .edui-editor-bottomContainer td {
white-space: nowrap;
border-top: 1px solid #ccc;
line-height: 20px;
font-size: 12px;
font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
padding:0;height:24px;line-height:24px
} */
.edui-default .edui-editor-wordcount {
text-align: right;
margin-right: 5px;
......@@ -225,6 +246,8 @@ div.edui-box {
}
.edui-default .edui-editor-scale {
width: 12px;
/* 鐜嬩簹椋� 13.10.24 */
display:none;
}
.edui-default .edui-editor-scale .edui-editor-icon {
float: right;
......@@ -249,11 +272,11 @@ div.edui-box {
}
.edui-default .edui-bubble .edui-popup-content {
border: 1px solid #DCAC6C;
background-color: #fff6d9;
border: 1px solid #ebebeb;
background-color: #ebebeb;
padding: 5px;
font-size: 10pt;
font-family: "宋体";
font-family: "瀹嬩綋";
}
.edui-default .edui-bubble .edui-shadow {
......@@ -264,7 +287,7 @@ div.edui-box {
}
.edui-default .edui-editor-toolbarmsg {
background-color: #FFF6D9;
background-color: #ebebeb;
border-bottom: 1px solid #ccc;
position: absolute;
bottom: -25px;
......@@ -299,7 +322,7 @@ div.edui-box {
cursor: pointer;
color: red;
}
/*可选中菜单按钮*/
/*鍙€変腑鑿滃崟鎸夐挳*/
.edui-default .edui-list .edui-bordereraser {
display: none;
}
......@@ -311,8 +334,8 @@ div.edui-box {
.edui-default .edui-list .edui-state-hover {
position: relative;
background-color: #fff5d4;
border: 1px solid #dcac6c;
background-color: #ebebeb;
border: 1px solid #ebebeb;
padding: 0;
}
......@@ -371,7 +394,7 @@ div.edui-box {
width: 200px !important;
padding: 2px 5px;
}
/* 可选中按钮弹出菜单*/
/* 鍙€変腑鎸夐挳寮瑰嚭鑿滃崟*/
.edui-default .edui-menu {
z-index: 3000;
}
......@@ -418,15 +441,16 @@ div.edui-box {
}
/*不可选中菜单按钮 */
/*涓嶅彲閫変腑鑿滃崟鎸夐挳 */
.edui-default .edui-toolbar .edui-combox-body .edui-button-body {
width: 60px;
width: 35px;
font-size: 12px;
height: 20px;
line-height: 20px;
padding-left: 5px;
padding-left: 2px;
white-space: nowrap;
margin: 0 3px 0 0;
margin: 0;
color: #646873;
}
.edui-default .edui-toolbar .edui-combox-body .edui-arrow {
......@@ -437,11 +461,12 @@ div.edui-box {
}
.edui-default .edui-toolbar .edui-combox .edui-combox-body {
border: 1px solid #CCC;
border: 1px solid #ffffff;
background-color: white;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
width : 55px;
}
.edui-default .edui-toolbar .edui-combox-body .edui-splitborder {
......@@ -449,25 +474,25 @@ div.edui-box {
}
.edui-default .edui-toolbar .edui-combox-body .edui-arrow {
border-left: 1px solid #CCC;
border-left: 1px solid #ffffff;
}
.edui-default .edui-toolbar .edui-state-hover .edui-combox-body {
background-color: #fff5d4;
border: 1px solid #dcac6c;
background-color: #ebebeb;
border: 1px solid #ebebeb;
}
.edui-default .edui-toolbar .edui-state-hover .edui-combox-body .edui-arrow {
border-left: 1px solid #dcac6c;
border-left: 1px solid #ebebeb;
}
.edui-default .edui-toolbar .edui-state-checked .edui-combox-body {
background-color: #FFE69F;
border: 1px solid #DCAC6C;
background-color: #ebebeb;
border: 1px solid #ebebeb;
}
.edui-toolbar .edui-state-checked .edui-combox-body .edui-arrow {
border-left: 1px solid #DCAC6C;
border-left: 1px solid #ebebeb;
}
.edui-toolbar .edui-state-disabled .edui-combox-body {
......@@ -477,17 +502,15 @@ div.edui-box {
}
.edui-toolbar .edui-state-opened .edui-combox-body {
background-color: white;
border: 1px solid gray;
background-color: #ebebeb;
border: 1px solid #ebebeb;
}
/*普通按钮样式及状态*/
/*鏅€氭寜閽牱寮忓強鐘舵€�*/
.edui-default .edui-toolbar .edui-button .edui-icon,
.edui-default .edui-toolbar .edui-menubutton .edui-icon,
.edui-default .edui-toolbar .edui-splitbutton .edui-icon {
height: 20px !important;
width: 20px !important;
background-image: url(../images/icons.png);
background-image: url(../images/icons.gif) \9;
height: 18px !important;
width: 18px;
}
.edui-default .edui-toolbar .edui-button .edui-button-wrap {
......@@ -496,15 +519,15 @@ div.edui-box {
}
.edui-default .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap {
background-color: #fff5d4;
background-color: #ebebeb;
padding: 0;
border: 1px solid #dcac6c;
border: 1px solid #ebebeb;
}
.edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap {
background-color: #ffe69f;
background-color: #ebebeb;
padding: 0;
border: 1px solid #dcac6c;
border: 1px solid #ebebeb;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
......@@ -513,7 +536,7 @@ div.edui-box {
.edui-default .edui-toolbar .edui-button .edui-state-active .edui-button-wrap {
background-color: #ffffff;
padding: 0;
border: 1px solid gray;
border: 1px solid #ebebeb;
}
.edui-default .edui-toolbar .edui-state-disabled .edui-label {
color: #ccc;
......@@ -523,7 +546,22 @@ div.edui-box {
filter: alpha(opacity = 30);
}
/* toolbar icons */
/* 鐜嬩簹椋� */
.edui-default .edui-for-attachment_new .edui-icon {
background-image: url(../images/annex.png);
background-size: 100% 100%;
}
.edui-default .edui-for-symbol .edui-icon {
background-position: -569px -121px;
}
.edui-default .edui-toolbar .edui-button .edui-for-attachment_new .edui-icon {
width:40px !important;
}
.edui-default .edui-for-undo .edui-icon {
background-position: -160px 0;
}
......@@ -532,23 +570,20 @@ div.edui-box {
background-position: -100px 0;
}
.edui-default .edui-for-bold .edui-icon {
background-position: 0 0;
}
.edui-default .edui-for-italic .edui-icon {
background-position: -60px 0;
}
.edui-default .edui-for-fontborder .edui-icon {
background-position:-160px -40px;
}
.edui-default .edui-for-underline .edui-icon {
background-position: -140px 0;
background-image: url(../images/under-line.png);
background-size: 100% 100%;
}
.edui-default .edui-for-strikethrough .edui-icon {
background-position: -120px 0;
/*background-position: -120px 0;*/
background-position: -185px -121px;
}
.edui-default .edui-for-subscript .edui-icon {
......@@ -564,7 +599,8 @@ div.edui-box {
}
.edui-default .edui-for-forecolor .edui-icon {
background-position: -720px 0;
/*background-position: -720px 0;*/
background-position: -242px -122px;
}
.edui-default .edui-for-backcolor .edui-icon {
......@@ -596,11 +632,13 @@ div.edui-box {
}
.edui-default .edui-for-insertorderedlist .edui-icon {
background-position: -80px 0;
/*background-position: -80px 0;*/
background-position: -35px -121px;
}
.edui-default .edui-for-insertunorderedlist .edui-icon {
background-position: -20px 0;
/*background-position: -20px 0;*/
background-position: -6px -121px;
}
.edui-default .edui-for-lineheight .edui-icon {
......@@ -620,7 +658,8 @@ div.edui-box {
}
.edui-default .edui-for-link .edui-icon {
background-position: -500px 0;
/*background-position: -500px 0;*/
background-position: -65px -121px;
}
.edui-default .edui-for-code .edui-icon {
......@@ -628,7 +667,8 @@ div.edui-box {
}
.edui-default .edui-for-insertimage .edui-icon {
background-position: -726px -77px;
background-image: url(../images/picture.png);
background-size: 100% 100%;
}
.edui-default .edui-for-insertframe .edui-icon {
......@@ -640,7 +680,9 @@ div.edui-box {
}
.edui-default .edui-for-spechars .edui-icon {
background-position: -240px 0;
background: url(../images/special-symbol.png);
background-size: 100% 100%;
}
.edui-default .edui-for-help .edui-icon {
......@@ -700,7 +742,8 @@ div.edui-box {
}
.edui-default .edui-for-pasteplain .edui-icon {
background-position: -360px -20px;
/*background-position: -360px -20px;*/
background-position: -305px -121px;
}
.edui-default .edui-for-directionalityltr .edui-icon {
......@@ -712,15 +755,13 @@ div.edui-box {
}
.edui-default .edui-for-source .edui-icon {
background-position: -261px -0px;
background-position: -260px -0px;
}
.edui-default .edui-for-removeformat .edui-icon {
background-position: -580px 0;
}
.edui-default .edui-for-unlink .edui-icon {
background-position: -640px 0;
/*background-position: -640px 0;*/
background-position: -95px -120px;
}
.edui-default .edui-for-touppercase .edui-icon {
......@@ -851,6 +892,14 @@ div.edui-box {
background-position: -360px -40px;
}
.edui-default .edui-for-highlightcode .edui-icon {
background-position: -440px -40px;
}
.edui-default .edui-for-deletehighlightcode .edui-icon {
background-position: -360px -40px;
}
.edui-default .edui-for-attachment .edui-icon {
background-position: -620px -40px;
}
......@@ -868,7 +917,7 @@ div.edui-box {
}
.edui-default .edui-for-background .edui-icon {
background-position: -680px -40px;
background-position: -678px -40px;
}
.edui-default .edui-for-music .edui-icon {
......@@ -922,26 +971,6 @@ div.edui-box {
.edui-default .edui-for-tablealignment-right .edui-icon {
background-position: -480px 0;
}
.edui-default .edui-for-drafts .edui-icon {
background-position: -560px 0;
}
.edui-default .edui-for-charts .edui-icon {
background: url( ../images/charts.png ) no-repeat 2px 3px!important;
}
.edui-default .edui-for-inserttitlecol .edui-icon {
background-position: -673px -76px;
}
.edui-default .edui-for-deletetitlecol .edui-icon {
background-position: -698px -76px;
}
.edui-default .edui-for-simpleupload .edui-icon {
background-position: -380px 0px;
}
/*splitbutton*/
.edui-default .edui-toolbar .edui-splitbutton-body .edui-arrow,
.edui-default .edui-toolbar .edui-menubutton-body .edui-arrow {
......@@ -963,12 +992,12 @@ div.edui-box {
.edui-default .edui-toolbar .edui-state-hover .edui-splitborder {
width: 1px;
border-left: 0px solid #dcac6c;
border-left: 0px solid #ebebeb;
}
.edui-default .edui-toolbar .edui-state-active .edui-splitborder {
width: 0;
border-left: 1px solid gray;
border-left: 1px solid #ebebeb;
}
.edui-default .edui-toolbar .edui-state-opened .edui-splitborder {
......@@ -978,22 +1007,22 @@ div.edui-box {
.edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body,
.edui-default .edui-toolbar .edui-menubutton .edui-state-hover .edui-menubutton-body {
background-color: #fff5d4;
border: 1px solid #dcac6c;
background-color: #ebebeb;
border: 1px solid #ebebeb;
padding: 0;
}
.edui-default .edui-toolbar .edui-splitbutton .edui-state-checked .edui-splitbutton-body,
.edui-default .edui-toolbar .edui-menubutton .edui-state-checked .edui-menubutton-body {
background-color: #FFE69F;
border: 1px solid #DCAC6C;
background-color: #ebebeb;
border: 1px solid #ebebeb;
padding: 0;
}
.edui-default .edui-toolbar .edui-splitbutton .edui-state-active .edui-splitbutton-body,
.edui-default .edui-toolbar .edui-menubutton .edui-state-active .edui-menubutton-body {
background-color: #ffffff;
border: 1px solid gray;
border: 1px solid #ebebeb;
padding: 0;
}
......@@ -1017,7 +1046,7 @@ div.edui-box {
background-color: white;
}
/* 解决嵌套导致的图标问题 */
/* 瑙ｅ喅宓屽瀵艰嚧鐨勫浘鏍囬棶棰� */
.edui-default .edui-for-insertorderedlist .edui-popup-body .edui-icon,
.edui-default .edui-for-lineheight .edui-popup-body .edui-icon,
.edui-default .edui-for-rowspacingtop .edui-popup-body .edui-icon,
......@@ -1027,12 +1056,10 @@ div.edui-box {
background-image: none ;
}
/* 弹出菜单 */
/* 寮瑰嚭鑿滃崟 */
.edui-default .edui-popup {
z-index: 3000;
background-color: #ffffff;
width:auto;
height:auto;
}
......@@ -1096,85 +1123,10 @@ div.edui-box {
border-right: 1px solid gray;
}
.edui-popup div{
width:auto;
height:auto;
}
.edui-default .edui-editor-messageholder {
display: block;
width: 150px;
height: auto;
border: 0;
margin: 0;
padding: 0;
position: absolute;
top: 28px;
right: 3px;
}
.edui-default .edui-message{
min-height: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
padding: 0;
margin-bottom: 3px;
position: relative;
}
.edui-default .edui-message-body{
border-radius: 3px;
padding: 8px 15px 8px 8px;
color: #c09853;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
}
.edui-default .edui-message-type-info{
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1
}
.edui-default .edui-message-type-success{
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6
}
.edui-default .edui-message-type-danger,
.edui-default .edui-message-type-error{
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7
}
.edui-default .edui-message .edui-message-closer {
display: block;
width: 16px;
height: 16px;
line-height: 16px;
position: absolute;
top: 0;
right: 0;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
float: right;
font-size: 20px;
font-weight: bold;
color: #999;
text-shadow: 0 1px 0 #fff;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.edui-default .edui-message .edui-message-content {
font-size: 10pt;
word-wrap: break-word;
word-break: normal;
}
/* 弹出对话框按钮和对话框大小 */
/* 寮瑰嚭瀵硅瘽妗嗘寜閽拰瀵硅瘽妗嗗ぇ灏� */
.edui-default .edui-dialog {
z-index: 2000;
position: absolute;
}
.edui-dialog div{
width:auto;
}
.edui-default .edui-dialog-wrap {
......@@ -1182,21 +1134,13 @@ div.edui-box {
margin-bottom: 6px;
}
.edui-default .edui-dialog-fullscreen-flag {
margin-right: 0;
margin-bottom: 0;
}
.edui-default .edui-dialog-body {
position: relative;
padding:2px 0 0 2px;
_zoom: 1;
}
.edui-default .edui-dialog-fullscreen-flag .edui-dialog-body {
padding: 0;
}
.edui-default .edui-dialog-shadow {
position: absolute;
z-index: -1;
......@@ -1225,17 +1169,15 @@ div.edui-box {
}
.edui-default .edui-dialog-titlebar {
height: 26px;
border-bottom: 1px solid #c6c6c6;
background: url(../images/dialog-title-bg.png) repeat-x bottom;
position: relative;
cursor: move;
height: 45px;
background: #f9f9f9;
line-height: 45px;
font-size: 18px;
color: #333;
padding: 0 15px;
margin-bottom: 7px;
}
.edui-default .edui-dialog-caption {
font-weight: bold;
font-size: 12px;
line-height: 26px;
padding-left: 5px;
}
.edui-default .edui-dialog-draghandle {
......@@ -1249,18 +1191,20 @@ div.edui-box {
}
.edui-default .edui-dialog-closebutton .edui-button-body {
height: 20px;
width: 20px;
height: 14px;
width: 14px;
cursor: pointer;
background: url("../images/icons-all.gif") no-repeat 0 -59px;
margin-top: 15px;
margin-right: 15px;
background: url(../images/close.png);
}
.edui-default .edui-dialog-closebutton .edui-state-hover .edui-button-body {
background: url("../images/icons-all.gif") no-repeat 0 -89px;
background: url("../images/close.png");
}
.edui-default .edui-dialog-foot {
height: 40px;
height: 50px;
}
.edui-default .edui-dialog-buttons {
......@@ -1269,21 +1213,18 @@ div.edui-box {
}
.edui-default .edui-dialog-buttons .edui-button {
margin-right: 10px;
margin-right: 65px;
}
.edui-default .edui-dialog-buttons .edui-button .edui-button-body {
background: url("../images/icons-all.gif") no-repeat;
height: 24px;
width: 96px;
height: 35px;
font-size: 12px;
line-height: 24px;
line-height: 35px;
text-align: center;
cursor: default;
}
.edui-default .edui-dialog-buttons .edui-button .edui-state-hover .edui-button-body {
background: url("../images/icons-all.gif") no-repeat 0 -30px;
}
.edui-default .edui-dialog iframe {
......@@ -1354,14 +1295,13 @@ div.edui-box {
.edui-default .edui-for-spechars .edui-dialog-content {
width: 620px;
height: 500px;
*width: 630px;
*height: 570px;
}
/*image-dialog*/
.edui-default .edui-for-insertimage .edui-dialog-content {
width: 650px;
height: 400px;
width: 840px;
height: 550px;
overflow: hidden;
}
/*webapp-dialog*/
......@@ -1388,11 +1328,31 @@ div.edui-box {
/*attachment-dialog*/
.edui-default .edui-for-attachment .edui-dialog-content {
width: 650px;
height: 400px;
width: 480px;
height: 360px;
overflow: hidden;
}
/*symbol-dialog*/
.edui-default .edui-for-symbol .edui-dialog-content {
width: 480px;
height: 360px;
overflow: hidden;
}
/*attachment_new-dialog*/
.edui-default .edui-for-attachment_new .edui-dialog-content {
width: 840px;
height: 550px;
overflow: hidden;
}
/*code-dialog*/
.edui-default .edui-for-highlightcode .edui-dialog-content {
width: 550px;
height: 360px;
overflow: hidden;
}
/*map-dialog*/
.edui-default .edui-for-map .edui-dialog-content {
......@@ -1435,7 +1395,7 @@ div.edui-box {
.edui-default .edui-for-edittable .edui-dialog-content {
width: 540px;
_width:590px;
height: 335px;
height: 285px;
}
/*edittip-dialog*/
......@@ -1461,7 +1421,12 @@ div.edui-box {
height: 360px;
}
/*段落弹出菜单*/
.edui-default .edui-for-tpupload .edui-dialog-content {
width: 640px;
height: 420px;
overflow: hidden;
}
/*娈佃惤寮瑰嚭鑿滃崟*/
.edui-default .edui-for-paragraph .edui-listitem-label {
font-family: Tahoma, Verdana, Arial, Helvetica;
}
......@@ -1506,7 +1471,7 @@ div.edui-box {
font-size: 12px;
line-height: 14px;
}
/* 表格弹出菜单 */
/* 琛ㄦ牸寮瑰嚭鑿滃崟 */
.edui-default .edui-for-inserttable .edui-splitborder {
display: none
}
......@@ -1530,7 +1495,13 @@ div.edui-box {
}
.edui-default .edui-dialog-buttons .edui-label {
line-height: 24px;
padding: 0 30px;
line-height: 35px;
border-radius: 5px;
font-size: 16px;
margin: 0 40px;
background: #e6e6e6;
color: #333;
}
.edui-default .edui-tablepicker .edui-infoarea .edui-clickable {
......@@ -1547,7 +1518,7 @@ div.edui-box {
background: url("../images/highlighted.gif") repeat;
}
/* 颜色弹出菜单 */
/* 棰滆壊寮瑰嚭鑿滃崟 */
.edui-default .edui-colorpicker-topbar {
height: 27px;
width: 200px;
......@@ -1602,7 +1573,7 @@ div.edui-box {
.arrow_up{
background: white url('../images/arrow_up.png') no-repeat center;
}
/*高级的样式*/
/*楂樼骇鐨勬牱寮�*/
.edui-colorpicker-adv{
position: relative;
overflow: hidden;
......@@ -1666,7 +1637,7 @@ div.edui-box {
background: white;
opacity: .8;
}
/*自动排版弹出菜单*/
/*鑷姩鎺掔増寮瑰嚭鑿滃崟*/
.edui-default .edui-autotypesetpicker .edui-autotypesetpicker-body {
font-size: 12px;
margin-bottom: 3px;
......@@ -1687,7 +1658,7 @@ div.edui-box {
margin: 3px 3px 3px 4px;
*margin: 1px 0 0 0;
}
/*自动排版弹出菜单*/
/*鑷姩鎺掔増寮瑰嚭鑿滃崟*/
.edui-default .edui-cellalignpicker .edui-cellalignpicker-body {
width: 70px;
font-size: 12px;
......@@ -1733,7 +1704,7 @@ div.edui-box {
.edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-left {
background-position: -146px 0;
background-color: #f1f4f5;
backgroun-color: #f1f4f5;
}
.edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-center {
......@@ -1743,26 +1714,27 @@ div.edui-box {
.edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-right {
background-position: -271px 0;
}
/*分隔线*/
/*鍒嗛殧绾�*/
.edui-default .edui-toolbar .edui-separator {
width: 2px;
height: 20px;
margin: 2px 4px 2px 3px;
background: url(../images/icons.png) -181px 0;
background: url(../images/icons.gif) -181px 0 \9;
background: url(../images/icons.png) -180px 0;
background: url(../images/icons.gif) -180px 0 \9;
}
/*颜色按钮 */
/*棰滆壊鎸夐挳 */
.edui-default .edui-toolbar .edui-colorbutton .edui-colorlump {
position: absolute;
overflow: hidden;
bottom: 1px;
left: 1px;
width: 18px;
height: 4px;
height: 2px;
background-color: rgb(0, 0, 0);
}
/*表情按钮及弹出菜单*/
/*去除了表情的下拉箭头*/
/*琛ㄦ儏鎸夐挳鍙婂脊鍑鸿彍鍗�*/
/*鍘婚櫎浜嗚〃鎯呯殑涓嬫媺绠ご*/
.edui-default .edui-for-emotion .edui-icon {
background-position: -60px -20px;
}
......@@ -1816,10 +1788,10 @@ div.edui-box {
.edui-default .edui-menu-body .edui-state-hover {
padding: 0 !important;
background-color: #fff5d4;
border: 1px solid #dcac6c;
background-color: #ebebeb;
border: 1px solid #ebebeb;
}
/*弹出菜单*/
/*寮瑰嚭鑿滃崟*/
.edui-default .edui-shortcutmenu {
padding: 2px;
width: 190px;
......@@ -1829,7 +1801,7 @@ div.edui-box {
border-radius: 5px;
}
/*粘贴弹出菜单*/
/*绮樿创寮瑰嚭鑿滃崟*/
.edui-default .edui-wordpastepop .edui-popup-content{
border: none;
padding: 0;
......@@ -1900,4 +1872,149 @@ div.edui-box {
}
.edui-default .edui-pastecontainer .edui-button .edui-state-hover .edui-plaintxticon{
background-position: -72px -34px;
}
/*.edui-for-attachment_new{float:left;} */
/* 缁熶竴缂栬緫鍣�*/
/*
.edui-for-spechars {float:left !important;}
.edui-for-insertimage {float:left !important;}
.edui-for-underline {float:left !important;}
*/
/** 鏁板鍏紡 **/
.edui-default .edui-for-mathml .edui-button-body .edui-icon{
background: url(../images/formula.png);
background-size: 100% 100%;
}
.edui-default .edui-for-mathml .edui-dialog-content {
width: 725px;
height: 393px;
overflow: hidden;
}
/* #edui7_body .edui-icon{display:none !important;} */
#edui8_body .edui-icon{display:none !important;}
.edui-default .edui-for-recording .edui-icon {
background: url(../images/voice.png);
background-size: 100% 100%;
}
.edui-default .edui-for-recording .edui-dialog-content {
width: 495px;
height: 285px;
overflow: hidden;
}
.edui-default .edui-for-audio .edui-dialog-content {
width: 840px;
height: 550px;
overflow: hidden;
}
.edui-default .edui-for-audio .edui-icon {
background: url(../images/video.png);
background-size: 100% 100%;
}
.edui-default .edui-for-edrawmath .edui-icon {
background: url(../images/edrawmath.png) no-repeat;
background-size: 100% 100%;
width: 30px !important;
position: relative;
bottom: 2px;
}
.edui-default .edui-for-edrawmath .edui-dialog-content {
width: 890px;
height:575px;
overflow: scroll;
}
.edui-default .edui-for-zoomimage .edui-icon {
display: none !important;
}
.edui-default .edui-for-zoomimage .edui-dialog-content {
width: 840px;
height: 590px;
overflow: hidden;
}
.edui-default .edui-for-tpupload .edui-icon {
background: url(../images/tpupload.png);
background-size: 100% 100%;
}
.edui-default .edui-for-removeformat .edui-icon {
background: url(../images/removeformat.png);
background-size: 100% 100%;
margin-top: 2px;
}
.edui-default .edui-for-formatmatch .edui-icon {
background: url(../images/formatmatch.png);
background-size: 100% 100%;
margin-top: 2px;
}
.edui-default .edui-for-bold .edui-icon {
background: url(../images/blob.png);
background-size: 100% 100%;
}
.edui-default .edui-for-italic .edui-icon {
background: url(../images/italic.png);
background-size: 100% 100%;
}
.edui-default .edui-for-forecolor .edui-icon {
background: url(../images/fontcolor.png);
background-size: 100% 100%;
}
.edui-default .edui-for-justifyleft .edui-icon {
background: url(../images/justifyleft.png);
background-size: 100% 100%;
}
.edui-default .edui-for-justifycenter .edui-icon {
background: url(../images/justifycenter.png);
background-size: 100% 100%;
}
.edui-default .edui-for-justifyright .edui-icon {
background: url(../images/justifyright.png);
background-size: 100% 100%;
}
.edui-default .edui-for-self-image .edui-icon {
background: url(../images/picture.png);
background-size: 100% 100%;
}
.edui-default .edui-for-self-attachment .edui-icon {
background: url(../images/annex.png);
background-size: 100% 100%;
}
.edui-default .edui-for-self-video .edui-icon {
background: url(../images/video.png);
background-size: 100% 100%;
}
.edui-default .edui-toolbar .edui-for-fontfamily .edui-combox-body {
width: 64px;
}
.edui-default .edui-toolbar .edui-for-paragraph .edui-combox-body {
width: 70px;
}
.edui-default .edui-toolbar .edui-for-paragraph .edui-combox-body .edui-button-body {
width: 48px;
}
.edui-default .edui-toolbar .edui-for-fontfamily .edui-combox-body .edui-button-body {
width: 50px;
}
\ No newline at end of file
public/static/UE/ueditor.config.js
View file @ 13f20635
......@@ -44,7 +44,8 @@
'fontsize', //字号
'bold', 'italic', 'underline',
'forecolor',//字体颜色
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
'justifyleft', 'justifycenter', 'justifyright',
'self-image','self-attachment','self-video'
//'music'
//'attachment', //附件
// 'source', '|',
......
src/api/question/question.js
View file @ 13f20635
......@@ -122,3 +122,15 @@ export function queryDifficultyType() {
data: {}
})
}
/**
* 批量添加问题
* @param {JSON参数} data
*/
export function saveQuestionBeatch(data) {
return request({
url: '/Question/SetQuestionBeatch',
method: 'post',
data
})
}
src/components/editor/UeEditor.vue
View file @ 13f20635
......@@ -123,12 +123,10 @@
const _this = this;
//上传附件
if (_this.isShowInsertImage) {
UE.registerUI('appinsertimage', (editor, uiName) => {
UE.registerUI('self-image', (editor, uiName) => {
return new UE.ui.Button({
name: uiName,
title: _this.labelIcon,
//添加额外样式，指定icon图标，这里默认使用一个重复的icon
cssRules: 'background-position: -381px 0px;',
onclick() {
_this.ue = editor
_this.uploadType = "1"
......@@ -139,12 +137,10 @@
}
//上传附件
if (_this.isShowAttachment) {
UE.registerUI('Attachment', (editor, uiName) => {
UE.registerUI('self-attachment', (editor, uiName) => {
return new UE.ui.Button({
name: uiName,
title: "附件",
//添加额外样式，指定icon图标，这里默认使用一个重复的icon
cssRules: 'background-position: -620px -40px;',
onclick() {
_this.ue = editor
_this.uploadType = "2"
......@@ -155,12 +151,10 @@
}
//是否显示音频
if (_this.isShowVoice) {
UE.registerUI('music', (editor, uiName) => {
UE.registerUI('self-video', (editor, uiName) => {
return new UE.ui.Button({
name: uiName,
title: "音频",
//添加额外样式，指定icon图标，这里默认使用一个重复的icon
cssRules: 'background-position:-18px -40px;',
onclick() {
_this.ue = editor
_this.uploadType = "3"
......
src/components/question/question-upload.vue
View file @ 13f20635
......@@ -3,54 +3,59 @@
</style>
<template>
<q-dialog v-model="persistent" persistent content-class="bg-grey-1" transition-show="scale" transition-hide="scale">
<q-card style="width: 1400px;max-width:900px;">
<q-card style="width: 1400px;max-width:900px;min-height:100px;">
<q-card-section>
<div class="text-h6">{{importType==1?'模板导入(EXCEL)':'智能导入(WORD)'}}</div>
<div class="text-h6">{{importType==1?'模板导入(EXCEL)':'智能导入(WORD)'}}
<a style="color:blue;cursor:pointer;float:right;margin-right:5px;text-decoration:none;" :href="downLoadUrl"
:download="downLoadName">下载模板文件</a>
</div>
</q-card-section>
<q-card-section class="q-pt-none scroll" style="max-height: 70vh">
<table>
<thead>
<tr>
<td>
<el-upload class="upload-demo" action="" :accept="accept" :show-file-list="false"
:http-request="UploadAttachment">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</td>
</tr>
</thead>
<tr>
<td>
<template v-for="(item,index) in questionData">
<div style="margin-bottom:20px;">
<span>{{index+1}}. [{{item.QuestionTypeName}}] {{item.Title}}
<a style="cursor:pointer;color:blue;" @click="EditQuestion(item)">修改</a>&nbsp;
<a style="cursor:pointer;color:red;" @click="DeleteQuestion(index)">删除</a>
</span><br />
<!--选择题-->
<template v-if="item.QuestionTypeKey=='single'||item.QuestionTypeName=='multiple'"
v-for="subItem in item.QuestionContentObj">
<span>{{subItem.Name}}.{{subItem.Content}} </span><br />
</template>
<!--判断题-->
<template v-if="item.QuestionTypeKey=='judge'" v-for="subItem in item.QuestionContentObj">
<span>{{subItem.Name}}.{{subItem.Content}} </span><br />
</template>
<!--填空题-->
<template v-if="item.QuestionTypeKey=='fill-in'" v-for="subItem in item.QuestionContentObj">
<span>{{subItem.Content}} </span><br />
</template>
<span>答案：{{item.Answer}} </span><br />
<template v-if="item.AnswerParse">
<span>答案解析：{{item.AnswerParse}} </span><br />
</template>
<template v-if="item.DifficultyTypeStr">
<span v-if="item.DifficultyTypeStr">难易程度：{{item.DifficultyTypeStr}} </span><br />
</template>
</div>
</template>
</td>
</tr>
</table>
</q-card-section>
<table>
<tr>
<td>
<el-upload class="avatar-uploader" action="" :accept="accept" :show-file-list="false"
:http-request="UploadAttachment">
<div class="app-upload" flex="main:center cross:center" style="width: 100px; height: 100px;">
<i class="el-icon-upload"></i>
</div>
</el-upload>
</td>
</tr>
</table>
<br />
<table>
<tr>
<td>
<template v-for="(item,index) in questionData">
<div style="margin-bottom:20px;">
<span>{{index+1}}. [{{item.QuestionTypeName}}] {{item.Title}}</span><br />
<!--选择题-->
<template v-if="item.QuestionTypeKey=='single'||item.QuestionTypeName=='multiple'"
v-for="subItem in item.QuestionContentObj">
<span>{{subItem.Name}}.{{subItem.Content}} </span><br />
</template>
<!--判断题-->
<template v-if="item.QuestionTypeKey=='judge'" v-for="subItem in item.QuestionContentObj">
<span>{{subItem.Name}}.{{subItem.Content}} </span><br />
</template>
<!--填空题-->
<template v-if="item.QuestionTypeKey=='fill-in'" v-for="subItem in item.QuestionContentObj">
<span>{{subItem.Content}} </span><br />
</template>
<span>答案：{{item.Answer}} </span><br />
<template v-if="item.AnswerParse">
<span>答案解析：{{item.AnswerParse}} </span><br />
</template>
<template v-if="item.DifficultyTypeStr">
<span v-if="item.DifficultyTypeStr">难易程度：{{item.DifficultyTypeStr}} </span><br />
</template>
</div>
</template>
</td>
</tr>
</table>
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
<q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
......@@ -63,16 +68,10 @@
<script>
import {
queryQuestionTypeList,
queryDifficultyType,
saveQuestion,
queryQuestionInfo
saveQuestionBeatch,
} from '../../api/question/question'
import {
CreateQuestion, //生成问题
} from '../../api/question/questionconfig'
import {
UploadSelfFile,
UploadLocalSystem
} from '../../api/common/common'
import UeEditor from '../editor/UeEditor'
......@@ -123,30 +122,11 @@
initialFrameHeight: 80,
},
persistent: true,
objOption: {
QuestionId: 0, //问题编号
CourseId: 0, //课程编号
Title: "", //问题名称
DifficultyType: 1, //难易程度
AnswerParse: "", //答案解析JSON
QuestionTypeId: 0, //问题类型
QuestionTypeKey: "", //问题类型Key
Knowledge: "", //知识点编号
IsUpdateJobExam: 0, //是否同步修改引用此题目的作业和考试(1-是)
SortNum: 0, //排序
Answer: "", //问题JSON
IsMutex: 0, //填空题(答案顺序打乱也判正确)
},
AnswerList: [],
optionTitle: "",
questionObj: {}, //题目类型对象
firstTypeList: [], //前5个数组
secondTypeList: [], //后面的题型
questionDifficultyTypeList: [], //问题难易程度列表
saveCourseLoading: false,
isShowPoint: false, //是否显示知识点弹窗
choosePointArray: [], //知识点列表
questionData: [], //导入问题列表
chooseItem: {}, //当前选择的项
ExcelUrl: "http://imgfile.oytour.com/static/EduExcelTemplate.xls",
WordUrl: "http://imgfile.oytour.com/static/EduWordTemplate.doc",
}
},
computed: {
......@@ -161,6 +141,28 @@
return '*/*';
},
},
downLoadUrl: {
get() {
if (this.importType == 1) {
return this.ExcelUrl;
}
if (this.importType == 2) {
return this.WordUrl;
}
return '';
}
},
downLoadName: {
get() {
if (this.importType == 1) {
return "EduExcelTemplate.xls";
}
if (this.importType == 2) {
return "EduWordTemplate.doc";
}
return '';
}
},
},
created() {
......@@ -169,6 +171,15 @@
},
methods: {
//修改问题
EditQuestion(item) {
this.chooseItem = item;
},
//删除问题
DeleteQuestion(index) {
},
//上传文件
UploadAttachment(files) {
var fileParams = {
Analysis: 1,
......@@ -192,8 +203,26 @@
this.$emit('close')
this.persistent = false
},
//保存问题
setQuestion() {
if (this.questionData && this.questionData.length > 0) {
this.questionData.forEach(item => {
item.CourseId = this.CourseId
})
}
this.saveCourseLoading = true;
saveQuestionBeatch(this.questionData).then(res => {
this.saveCourseLoading = false
this.$q.notify({
icon: 'iconfont icon-chenggong',
color: 'accent',
timeout: 2000,
message: '数据保存成功！',
position: 'top'
})
this.$emit("success")
this.closeSaveForm()
})
}
},
}
......
src/components/questiontype/cloze.vue
View file @ 13f20635
......@@ -23,7 +23,7 @@
align-items: center;
}
.clozeTest_question_tit i {
.clozeQuestion .clozeTest_question_tit i {
color: #acbfd9;
cursor: pointer;
}
......@@ -42,7 +42,7 @@
margin-bottom: 20px;
}
.add_LiteBtn:hover {
.clozeQuestion .add_LiteBtn:hover {
opacity: 0.8;
}
......@@ -74,11 +74,10 @@
<div class="Answer_List" @click="ChangeItem(item,subItem)" :class="{'Is_Answer':subItem.IsAnswer}">
{{subItem.Name}}
</div>
<!-- <el-checkbox v-model="subItem.IsAnswer" @change="ChangeItem(item,subItem)">{{subItem.Name}}</el-checkbox> -->
</td>
<td>
<div class="InpDIV" v-html="subItem.Content" v-if="childIndex!=subIndex"
@click="changeEdit(subIndex)"></div>
<div class="InpDIV" v-html="subItem.Content" v-if="childIndex!=subIndex" @click="changeEdit(subIndex)">
</div>
<UeEditor v-model="subItem.Content" :config="config" v-else></UeEditor>
</td>
<td style="width:40px;text-align:center;">
......@@ -92,8 +91,6 @@
<a class="addTiMuList" @click="addOption(item)">
<i class="iconfont icon-add"></i>添加选项
</a>
<!-- <a style="cursor:pointer;" @click="addOption(item)">添加选项</a> -->
<!-- <a style="cursor:pointer;" @click="deleteQuestion(index)">删除问题</a> -->
</td>
</tr>
</tfoot>
......@@ -130,12 +127,11 @@
showTag: true,
commonIndex: -1,
childIndex: -1,
isShow:true,
commonIndex2:-2,
isShow: true,
commonIndex2: -2,
};
},
created() {
console.log(this.data,'data');
this.initConfig();
},
methods: {
......@@ -144,12 +140,42 @@
},
//删除小问题
deleteQuestion(index) {
this.data.splice(index, 1);
this.$q.dialog({
title: "删除小题",
message: "确实要删除该小题吗？",
persistent: true,
cancel: {
label: "取消",
flat: true
},
ok: {
label: "确认",
flat: true,
focus: true
}
}).onOk(() => {
this.data.splice(index, 1);
});
},
//删除选项
deleteOpion(item, index) {
item.splice(index, 1);
this.calcOptionTitle();
this.$q.dialog({
title: "删除小题",
message: "确实要删除该选项吗？",
persistent: true,
cancel: {
label: "取消",
flat: true
},
ok: {
label: "确认",
flat: true,
focus: true
}
}).onOk(() => {
item.splice(index, 1);
this.calcOptionTitle();
});
},
//新增选项
addOption(item) {
......@@ -196,22 +222,21 @@
}
subItem.IsAnswer = true;
},
// //点击展开收起
//点击展开收起
showNav(index) {
if(this.commonIndex2==index){
this.commonIndex=index;
this.isShow=!this.isShow;
}else{
this.commonIndex=index;
this.isShow=false;
this.commonIndex2=index;
if (this.commonIndex2 == index) {
this.commonIndex = index;
this.isShow = !this.isShow;
} else {
this.commonIndex = index;
this.isShow = false;
this.commonIndex2 = index;
}
},
//点击切换输入
changeEdit(index) {
this.childIndex = index;
}
},
mounted() {
......
src/components/questiontype/matching.vue
View file @ 13f20635
......@@ -197,7 +197,6 @@
}
},
mounted() {
console.log(this.data, 'data');
},
watch: {
data: {
......
src/pages/course/course.vue
View file @ 13f20635
......@@ -29,7 +29,7 @@
<template v-slot:body-cell-CoverImg="props">
<q-td :props="props">
<q-avatar square size="100px">
<img :src="props.value" />
<img v-if="props.value" :src="props.value" />
</q-avatar>
</q-td>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment