mirror of
https://github.com/201206030/novel-plus.git
synced 2025-07-11 03:36:40 +00:00
文件夹结构调整，新增模版自定义功能
This commit is contained in:
xiongxiaoyang
19
templates/orange/static/wangEditor/src/less/common.less
Normal file
19
templates/orange/static/wangEditor/src/less/common.less
Normal file
@ -0,0 +1,19 @@
|
||||
.w-e-toolbar,
|
||||
.w-e-text-container,
|
||||
.w-e-menu-panel {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.w-e-clear-fix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
48
templates/orange/static/wangEditor/src/less/droplist.less
Normal file
48
templates/orange/static/wangEditor/src/less/droplist.less
Normal file
@ -0,0 +1,48 @@
|
||||
.w-e-toolbar {
|
||||
.w-e-droplist {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid #f1f1f1;
|
||||
border-right-color: #ccc;
|
||||
border-bottom-color: #ccc;
|
||||
|
||||
.w-e-dp-title {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
line-height: 2;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
ul.w-e-list {
|
||||
list-style: none;
|
||||
line-height: 1;
|
||||
|
||||
li.w-e-item {
|
||||
color: #333;
|
||||
padding: 5px 0;
|
||||
|
||||
&:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.w-e-block {
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
|
||||
li.w-e-item {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
|
||||
&:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
102
templates/orange/static/wangEditor/src/less/icon.less
Normal file
102
templates/orange/static/wangEditor/src/less/icon.less
Normal file
@ -0,0 +1,102 @@
|
||||
@font-face {
|
||||
font-family: 'w-e-icon';
|
||||
src: url('fonts/w-e-icon.woff?ddq1c7') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="w-e-icon-"], [class*=" w-e-icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'w-e-icon' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.w-e-icon-close:before {
|
||||
content: "\f00d";
|
||||
}
|
||||
.w-e-icon-upload2:before {
|
||||
content: "\e9c6";
|
||||
}
|
||||
.w-e-icon-trash-o:before {
|
||||
content: "\f014";
|
||||
}
|
||||
.w-e-icon-header:before {
|
||||
content: "\f1dc";
|
||||
}
|
||||
.w-e-icon-pencil2:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.w-e-icon-paint-brush:before {
|
||||
content: "\f1fc";
|
||||
}
|
||||
.w-e-icon-image:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.w-e-icon-play:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.w-e-icon-location:before {
|
||||
content: "\e947";
|
||||
}
|
||||
.w-e-icon-undo:before {
|
||||
content: "\e965";
|
||||
}
|
||||
.w-e-icon-redo:before {
|
||||
content: "\e966";
|
||||
}
|
||||
.w-e-icon-quotes-left:before {
|
||||
content: "\e977";
|
||||
}
|
||||
.w-e-icon-list-numbered:before {
|
||||
content: "\e9b9";
|
||||
}
|
||||
.w-e-icon-list2:before {
|
||||
content: "\e9bb";
|
||||
}
|
||||
.w-e-icon-link:before {
|
||||
content: "\e9cb";
|
||||
}
|
||||
.w-e-icon-happy:before {
|
||||
content: "\e9df";
|
||||
}
|
||||
.w-e-icon-bold:before {
|
||||
content: "\ea62";
|
||||
}
|
||||
.w-e-icon-underline:before {
|
||||
content: "\ea63";
|
||||
}
|
||||
.w-e-icon-italic:before {
|
||||
content: "\ea64";
|
||||
}
|
||||
.w-e-icon-strikethrough:before {
|
||||
content: "\ea65";
|
||||
}
|
||||
.w-e-icon-table2:before {
|
||||
content: "\ea71";
|
||||
}
|
||||
.w-e-icon-paragraph-left:before {
|
||||
content: "\ea77";
|
||||
}
|
||||
.w-e-icon-paragraph-center:before {
|
||||
content: "\ea78";
|
||||
}
|
||||
.w-e-icon-paragraph-right:before {
|
||||
content: "\ea79";
|
||||
}
|
||||
.w-e-icon-terminal:before {
|
||||
content: "\f120";
|
||||
}
|
||||
.w-e-icon-page-break:before {
|
||||
content: "\ea68";
|
||||
}
|
||||
.w-e-icon-cancel-circle:before {
|
||||
content: "\ea0d";
|
||||
}
|
||||
33
templates/orange/static/wangEditor/src/less/menus.less
Normal file
33
templates/orange/static/wangEditor/src/less/menus.less
Normal file
@ -0,0 +1,33 @@
|
||||
.w-e-toolbar {
|
||||
display: flex;
|
||||
padding: 0 5px;
|
||||
/* flex-wrap: wrap; */
|
||||
|
||||
/* 单个菜单 */
|
||||
.w-e-menu {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
|
||||
i {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
.w-e-active {
|
||||
i {
|
||||
color: #1e88e5;
|
||||
}
|
||||
&:hover {
|
||||
i {
|
||||
color: #1e88e5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
159
templates/orange/static/wangEditor/src/less/panel.less
Normal file
159
templates/orange/static/wangEditor/src/less/panel.less
Normal file
@ -0,0 +1,159 @@
|
||||
.w-e-text-container {
|
||||
.w-e-panel-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0;
|
||||
box-shadow: 1px 1px 2px #ccc;
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
|
||||
.w-e-panel-close {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 5px;
|
||||
margin: 2px 5px 0 0;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
|
||||
&:hover {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.w-e-panel-tab-title {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
margin: 2px 10px 0 10px;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
|
||||
.w-e-item {
|
||||
padding: 3px 5px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
margin: 0 3px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.w-e-active {
|
||||
color: #333;
|
||||
border-bottom: 1px solid #333;
|
||||
cursor: default;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.w-e-panel-tab-content {
|
||||
padding: 10px 15px 10px 15px;
|
||||
font-size: 16px;
|
||||
|
||||
/* 输入框的样式 */
|
||||
input,textarea,button {
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
|
||||
&:focus {
|
||||
border-color: #1e88e5;
|
||||
}
|
||||
}
|
||||
input[type=text] {
|
||||
border: none;
|
||||
border-bottom: 1px solid #ccc;
|
||||
font-size: 14px;
|
||||
height: 20px;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
}
|
||||
input[type=text].small {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input[type=text].block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
input[type=text]:focus {
|
||||
border-bottom: 2px solid #1e88e5;
|
||||
}
|
||||
|
||||
/* 按钮的样式 */
|
||||
.w-e-button-container {
|
||||
button {
|
||||
font-size: 14px;
|
||||
color: #1e88e5;
|
||||
border: none;
|
||||
padding: 5px 10px;
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
}
|
||||
button.left {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
button.right {
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
button.gray {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
button.red {
|
||||
color: rgb(194, 79, 74);
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
}
|
||||
.w-e-button-container:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
/* 为 emotion panel 定制的样式 */
|
||||
.w-e-emoticon-container {
|
||||
.w-e-item {
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
padding: 0 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/* 上传图片的 panel 定制样式 */
|
||||
.w-e-up-img-container {
|
||||
text-align: center;
|
||||
|
||||
.w-e-up-btn {
|
||||
display: inline-block;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
font-size: 60px;
|
||||
line-height: 1;
|
||||
|
||||
&:hover {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
77
templates/orange/static/wangEditor/src/less/text.less
Normal file
77
templates/orange/static/wangEditor/src/less/text.less
Normal file
@ -0,0 +1,77 @@
|
||||
.w-e-text-container {
|
||||
position: relative;
|
||||
|
||||
.w-e-progress {
|
||||
position: absolute;
|
||||
background-color: #1e88e5;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
.w-e-text {
|
||||
padding: 0 10px;
|
||||
overflow-y: scroll;
|
||||
|
||||
p,h1,h2,h3,h4,h5,table,pre {
|
||||
margin: 10px 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin: 10px 0 10px 20px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
display: block;
|
||||
border-left: 8px solid #d0e5f2;
|
||||
padding: 5px 10px;
|
||||
margin: 10px 0;
|
||||
line-height: 1.4;
|
||||
font-size: 100%;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
code {
|
||||
display: inline-block;
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 3px;
|
||||
padding: 3px 5px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
pre {
|
||||
|
||||
code {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
border-top: 1px solid #ccc;
|
||||
border-left: 1px solid #ccc;
|
||||
|
||||
td,th {
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
th {
|
||||
border-bottom: 2px solid #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
img {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 0 5px #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user