|
|
@ -35,6 +35,38 @@
|
|
35
|
35
|
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" onclick="edit()">
|
|
36
|
36
|
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 编辑
|
|
37
|
37
|
</button>
|
|
|
38
|
<span>
|
|
|
39
|
<img src="../static/img/header_color.png" alt="调色板" data-status="0" onclick="changeColor(this);">
|
|
|
40
|
</span>
|
|
|
41
|
<span>
|
|
|
42
|
<ul class="select_header_color" style="display: none;">
|
|
|
43
|
<li style="background-color: aquamarine;"><a href="javascript: doChange('aquamarine');">aquamarine</a></li>
|
|
|
44
|
<li style="background-color: azure;"><a href="javascript: doChange('azure');">azure</a></li>
|
|
|
45
|
<li style="background-color: beige;"><a href="javascript: doChange('beige');">beige</a></li>
|
|
|
46
|
<li style="background-color: cyan;"><a href="javascript: doChange('cyan');">cyan</a></li>
|
|
|
47
|
<li style="background-color: floralwhite;"><a href="javascript: doChange('floralwhite');">floralwhite</a></li>
|
|
|
48
|
<li style="background-color: gainsboro;"><a href="javascript: doChange('gainsboro');">gainsboro</a></li>
|
|
|
49
|
<li style="background-color: gold;"><a href="javascript: doChange('gold');">gold</a></li>
|
|
|
50
|
<li style="background-color: greenyellow;"><a href="javascript: doChange('greenyellow');">greenyellow</a></li>
|
|
|
51
|
<li style="background-color: hotpink;"><a href="javascript: doChange('hotpink');">hotpink</a></li>
|
|
|
52
|
<li style="background-color: ivory;"><a href="javascript: doChange('ivory');">ivory</a></li>
|
|
|
53
|
<li style="background-color: khaki;"><a href="javascript: doChange('khaki');">khaki</a></li>
|
|
|
54
|
<li style="background-color: lightgrey;"><a href="javascript: doChange('lightgrey');">lightgrey</a></li>
|
|
|
55
|
<li style="background-color: lime;"><a href="javascript: doChange('lime');">lime</a></li>
|
|
|
56
|
<li style="background-color: linen;"><a href="javascript: doChange('linen');">linen</a></li>
|
|
|
57
|
<li style="background-color: mistyrose;"><a href="javascript: doChange('mistyrose');">mistyrose</a></li>
|
|
|
58
|
<li style="background-color: navajowhite;"><a href="javascript: doChange('navajowhite');">navajowhite</a></li>
|
|
|
59
|
<li style="background-color: oldlace;"><a href="javascript: doChange('oldlace');">oldlace</a></li>
|
|
|
60
|
<li style="background-color: orangered;"><a href="javascript: doChange('orangered');">orangered</a></li>
|
|
|
61
|
<li style="background-color: orchid;"><a href="javascript: doChange('orchid');">orchid</a></li>
|
|
|
62
|
<li style="background-color: palegreen;"><a href="javascript: doChange('palegreen');">palegreen</a></li>
|
|
|
63
|
<li style="background-color: papayawhip;"><a href="javascript: doChange('papayawhip');">papayawhip</a></li>
|
|
|
64
|
<li style="background-color: peachpuff;"><a href="javascript: doChange('peachpuff');">peachpuff</a></li>
|
|
|
65
|
<li style="background-color: thistle;"><a href="javascript: doChange('thistle');">thistle</a></li>
|
|
|
66
|
<li style="background-color: wheat;"><a href="javascript: doChange('wheat');">wheat</a></li>
|
|
|
67
|
<li style="background-color: white;"><a href="javascript: doChange('white');">white</a></li>
|
|
|
68
|
</ul>
|
|
|
69
|
</span>
|
|
38
|
70
|
</header>
|
|
39
|
71
|
<aside>
|
|
40
|
72
|
<div class="nav" style="z-index: 99;">
|
|
|
@ -73,7 +105,7 @@
|
|
73
|
105
|
} else {
|
|
74
|
106
|
?>
|
|
75
|
107
|
<div class="is_file_exists">
|
|
76
|
|
<span>文档不存在, 点击<a href='javascript:void(0);' onclick='edit()'>新建文档</a></span>
|
|
|
108
|
<span>文档不存在, 点击<a href='javascript:void(0213123);' onclick='edit()'>新建文档</a></span>
|
|
77
|
109
|
</div>
|
|
78
|
110
|
<?php
|
|
79
|
111
|
}
|
|
|
@ -91,7 +123,9 @@
|
|
91
|
123
|
<h4 class="modal-title" id="myModalLabel">编辑</h4>
|
|
92
|
124
|
</div>
|
|
93
|
125
|
<div class="modal-body">
|
|
94
|
|
<div class="editor-content" id="mdeditor" style="height: 70%;"><?php echo $text;?></div>
|
|
|
126
|
<div class="editor-content" id="mdeditor" style="height: 70%;">
|
|
|
127
|
<?php echo $text;?>
|
|
|
128
|
</div>
|
|
95
|
129
|
<!-- <textarea class="form-control" rows="20" style="resize:vertical" id="mdeditor" name="mdeditor"><?php echo $text;?></textarea> -->
|
|
96
|
130
|
<!-- begin code -->
|
|
97
|
131
|
<!-- <textarea class="form-control" id="mdeditor" name="mdeditor"><?php echo $text;?></textarea> -->
|
|
|
@ -133,12 +167,36 @@
|
|
133
|
167
|
</div>
|
|
134
|
168
|
</div>
|
|
135
|
169
|
|
|
136
|
|
|
|
137
|
170
|
<script>
|
|
138
|
|
// 表格加上边框
|
|
139
|
171
|
$(document).ready(function () {
|
|
|
172
|
// 表格加上边框
|
|
140
|
173
|
$("table").addClass('table table-bordered');
|
|
|
174
|
|
|
|
175
|
if (storage.getItem("headerColor")) {
|
|
|
176
|
var color = storage.getItem("headerColor");
|
|
|
177
|
$("header").css('background-color', color);
|
|
|
178
|
}
|
|
141
|
179
|
});
|
|
|
180
|
|
|
|
181
|
//修改header background-color
|
|
|
182
|
function changeColor(obj) {
|
|
|
183
|
// console.log($(obj).data("status"));
|
|
|
184
|
var status = $(obj).data("status");
|
|
|
185
|
if (status == 0) {
|
|
|
186
|
$(".select_header_color").css("display", "block");
|
|
|
187
|
$(obj).data("status", 1);
|
|
|
188
|
} else {
|
|
|
189
|
$(".select_header_color").css("display", "none");
|
|
|
190
|
$(obj).data("status", 0);
|
|
|
191
|
}
|
|
|
192
|
}
|
|
|
193
|
function doChange(color) {
|
|
|
194
|
// console.log(color);
|
|
|
195
|
// var color = $(obj).val();
|
|
|
196
|
$("header").css("background-color", color);
|
|
|
197
|
storage.setItem("headerColor", color);
|
|
|
198
|
}
|
|
|
199
|
|
|
142
|
200
|
// 代码高亮
|
|
143
|
201
|
document.addEventListener('DOMContentLoaded', (event) => {
|
|
144
|
202
|
document.querySelectorAll('pre code').forEach((block) => {
|
huwhois
