mirror of
https://github.com/doocs/md.git
synced 2024-11-28 13:36:32 +08:00
Deploying to gh-pages from @ cecd7dde55 🚀
This commit is contained in:
yanglbme
parent
507b014052
commit
5f2ebf0ce0
@ -1,234 +1,245 @@
|
|||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, button, textarea {
|
input,
|
||||||
font-family: inherit;
|
button,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
font-weight: normal;
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
em {
|
em {
|
||||||
font-style: normal !important;
|
font-style: normal !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html,
|
||||||
height: 100%;
|
body {
|
||||||
font-family: 'PingFang SC', BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
|
height: 100%;
|
||||||
|
font-family: 'PingFang SC', BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-message__icon {
|
.el-message__icon {
|
||||||
display: none
|
display: none
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.web-title {
|
.web-title {
|
||||||
margin: 0 15px 0 5px;
|
margin: 0 15px 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.web-icon {
|
.web-icon {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
#editor {
|
#editor {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
border: none;
|
border: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-body {
|
.main-body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ctrl {
|
.ctrl {
|
||||||
flex-basis: 60px;
|
flex-basis: 60px;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-wrapper {
|
.preview-wrapper {
|
||||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-section {
|
.main-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hint {
|
.hint {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview {
|
.preview {
|
||||||
margin: 0 -20px;
|
margin: 0 -20px;
|
||||||
width: 375px;
|
width: 375px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview table {
|
.preview table {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
display: table;
|
display: table;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.preview table tr:nth-child(even){
|
.preview table tr:nth-child(even){
|
||||||
background: rgb(250, 250, 250);
|
background: rgb(250, 250, 250);
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.select-item-left {
|
.select-item-left {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-item-right {
|
.select-item-right {
|
||||||
float: right;
|
float: right;
|
||||||
color: #8492a6;
|
color: #8492a6;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror {
|
.CodeMirror {
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
font-family: 'PingFang SC', BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif !important;
|
font-family: 'PingFang SC', BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ele ui */
|
/* ele ui */
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-tooltip {
|
.el-tooltip {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*wechat code block*/
|
/*wechat code block*/
|
||||||
.rich_media_content .code-snippet *, .rich_media_content .code-snippet__fix * {
|
.rich_media_content .code-snippet *,
|
||||||
max-width: 1000% !important;
|
.rich_media_content .code-snippet__fix * {
|
||||||
|
max-width: 1000% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-snippet__fix {
|
.code-snippet__fix {
|
||||||
word-wrap: break-word !important;
|
word-wrap: break-word !important;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 10px 8px;
|
margin: 10px 8px;
|
||||||
color: #333;
|
color: #333;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: rgb(238,238,238);
|
background-color: rgb(238, 238, 238);
|
||||||
border: 1px solid #f0f0f0;
|
border: 1px solid #f0f0f0;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
display: flex;
|
display: flex;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-snippet__fix .code-snippet__line-index {
|
.code-snippet__fix .code-snippet__line-index {
|
||||||
counter-reset: line;
|
counter-reset: line;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-snippet__fix .code-snippet__line-index li {
|
.code-snippet__fix .code-snippet__line-index li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-snippet__fix .code-snippet__line-index li::before {
|
.code-snippet__fix .code-snippet__line-index li::before {
|
||||||
min-width: 1.5em;
|
min-width: 1.5em;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
left: -2.5em;
|
left: -2.5em;
|
||||||
counter-increment: line;
|
counter-increment: line;
|
||||||
content: counter(line);
|
content: counter(line);
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgba(0, 0, 0, 0.15);
|
color: rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-snippet__fix pre {
|
.code-snippet__fix pre {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 1em 1em 1em 1em;
|
padding: 1em 1em 1em 1em;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-snippet__fix code {
|
.code-snippet__fix code {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
height: 6px;
|
height: 6px;
|
||||||
background-color: #FFF;
|
background-color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
::-webkit-scrollbar-track {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background-color: rgba(200, 200, 200, 0.3);
|
background-color: rgba(200, 200, 200, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background-color: rgba(144, 146, 152, 0.5);
|
background-color: rgba(144, 146, 152, 0.5);
|
||||||
transition: background-color .3s;
|
transition: background-color .3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: rgba(144, 146, 152, 0.5);
|
background-color: rgba(144, 146, 152, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-vscrollbar:focus {
|
.CodeMirror-vscrollbar:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-scroll, .preview-wrapper {
|
.CodeMirror-scroll,
|
||||||
|
.preview-wrapper {
|
||||||
overflow: unset;
|
overflow: unset;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
@ -1,47 +1,47 @@
|
|||||||
.loading {
|
.loading {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
z-index: 99999;
|
z-index: 99999;
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading_night {
|
.loading_night {
|
||||||
background-color: #303133;
|
background-color: #303133;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-wrapper {
|
.loading-wrapper {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||||
-moz-transform: translateX(-50%) translateY(-50%);
|
-moz-transform: translateX(-50%) translateY(-50%);
|
||||||
-ms-transform: translateX(-50%) translateY(-50%);
|
-ms-transform: translateX(-50%) translateY(-50%);
|
||||||
transform: translateX(-50%) translateY(-50%);
|
transform: translateX(-50%) translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-text {
|
.loading-text {
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-anim {
|
.loading-anim {
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
border: 5px solid rgba(189, 189, 189, 0.25);
|
border: 5px solid rgba(189, 189, 189, 0.25);
|
||||||
border-left-color: rgba(66, 185, 131, 0.9);
|
border-left-color: rgba(66, 185, 131, 0.9);
|
||||||
border-top-color: rgba(66, 185, 131, 0.9);
|
border-top-color: rgba(66, 185, 131, 0.9);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
animation: rotate 600ms infinite linear;
|
animation: rotate 600ms infinite linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes rotate {
|
@keyframes rotate {
|
||||||
to {
|
to {
|
||||||
transform: rotate(1turn)
|
transform: rotate(1turn)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -14,91 +14,111 @@
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror div.CodeMirror-selected {
|
|
||||||
|
.cm-s-style-mirror div.CodeMirror-selected {
|
||||||
background: #e0e0e0;
|
background: #e0e0e0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-line::selection,
|
|
||||||
.cm-s-style-mirror .CodeMirror-line > span::selection,
|
.cm-s-style-mirror .CodeMirror-line::selection,
|
||||||
.cm-s-style-mirror .CodeMirror-line > span > span::selection {
|
.cm-s-style-mirror .CodeMirror-line>span::selection,
|
||||||
|
.cm-s-style-mirror .CodeMirror-line>span>span::selection {
|
||||||
background: #e0e0e0;
|
background: #e0e0e0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-line::-moz-selection,
|
|
||||||
.cm-s-style-mirror .CodeMirror-line > span::-moz-selection,
|
.cm-s-style-mirror .CodeMirror-line::-moz-selection,
|
||||||
.cm-s-style-mirror .CodeMirror-line > span > span::-moz-selection {
|
.cm-s-style-mirror .CodeMirror-line>span::-moz-selection,
|
||||||
|
.cm-s-style-mirror .CodeMirror-line>span>span::-moz-selection {
|
||||||
background: #e0e0e0;
|
background: #e0e0e0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-gutters {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-gutters {
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
border-right: 0px;
|
border-right: 0px;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-guttermarker {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-guttermarker {
|
||||||
color: #ac4142;
|
color: #ac4142;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-guttermarker-subtle {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-guttermarker-subtle {
|
||||||
color: #b0b0b0;
|
color: #b0b0b0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-linenumber {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-linenumber {
|
||||||
color: #b0b0b0;
|
color: #b0b0b0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-cursor {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-cursor {
|
||||||
border-left: 1px solid #505050;
|
border-left: 1px solid #505050;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cm-s-style-mirror span.cm-comment {
|
.cm-s-style-mirror span.cm-comment {
|
||||||
color:green;
|
color: green;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-atom {
|
|
||||||
color: #aa759f;
|
|
||||||
}
|
|
||||||
.cm-s-style-mirror span.cm-number {
|
|
||||||
color: #aa759f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-s-style-mirror span.cm-property,
|
.cm-s-style-mirror span.cm-atom {
|
||||||
.cm-s-style-mirror span.cm-attribute {
|
color: #aa759f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-number {
|
||||||
|
color: #aa759f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-property,
|
||||||
|
.cm-s-style-mirror span.cm-attribute {
|
||||||
color: #90a959;
|
color: #90a959;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-keyword {
|
|
||||||
|
.cm-s-style-mirror span.cm-keyword {
|
||||||
color: #023a52;
|
color: #023a52;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-string {
|
|
||||||
color: #e46918;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-s-style-mirror span.cm-variable {
|
.cm-s-style-mirror span.cm-string {
|
||||||
|
color: #e46918;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-variable {
|
||||||
color: #90a959;
|
color: #90a959;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-variable-2 {
|
|
||||||
|
.cm-s-style-mirror span.cm-variable-2 {
|
||||||
color: #00695f;
|
color: #00695f;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-variable-3 {
|
|
||||||
|
.cm-s-style-mirror span.cm-variable-3 {
|
||||||
color: #2e6e8a;
|
color: #2e6e8a;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-def {
|
|
||||||
|
.cm-s-style-mirror span.cm-def {
|
||||||
color: #d28445;
|
color: #d28445;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-bracket {
|
|
||||||
|
.cm-s-style-mirror span.cm-bracket {
|
||||||
color: #202020;
|
color: #202020;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-tag {
|
|
||||||
color:#000;
|
.cm-s-style-mirror span.cm-tag {
|
||||||
}
|
color: #000;
|
||||||
.cm-s-style-mirror span.cm-link {
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-link {
|
||||||
color: #b26a00;
|
color: #b26a00;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-error {
|
|
||||||
|
.cm-s-style-mirror span.cm-error {
|
||||||
/* background: #ac4142;
|
/* background: #ac4142;
|
||||||
color: #f5f5f5; */
|
color: #f5f5f5; */
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-decoration-style: wavy;
|
text-decoration-style: wavy;
|
||||||
text-decoration-color: #df8d8e;
|
text-decoration-color: #df8d8e;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-activeline-background {
|
|
||||||
background: #dddcdc;
|
|
||||||
}
|
|
||||||
.cm-s-style-mirror .CodeMirror-matchingbracket {
|
|
||||||
color: rgb(32,32,32) !important;
|
|
||||||
background-color: rgba(0,0,0,0.1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-activeline-background {
|
||||||
|
background: #dddcdc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-matchingbracket {
|
||||||
|
color: rgb(32, 32, 32) !important;
|
||||||
|
background-color: rgba(0, 0, 0, 0.1) !important;
|
||||||
|
}
|
||||||
@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=keywords content=md,markdown,markdown-editor,wechat,official-account,yanglbme,doocs><meta name=description content="Wechat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器"><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>微信 Markdown 编辑器</title><link rel="shortcut icon" href=https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png><link rel=apple-touch-icon-precomposed href=https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png><link rel=stylesheet href=assets/css/loading.css><link rel=stylesheet href=libs/css/index.css><link rel=stylesheet href=libs/css/code-themes/github-v2.min.css><link rel=stylesheet href=libs/css/style-mirror.css><link rel=stylesheet href=libs/css/animate.css><link rel=stylesheet href=assets/css/app.css><link href=/md/css/app.4c428007.css rel=preload as=style><link href=/md/css/chunk-vendors.9f29635c.css rel=preload as=style><link href=/md/js/app.19b45228.js rel=preload as=script><link href=/md/js/chunk-vendors.5473b59f.js rel=preload as=script><link href=/md/css/chunk-vendors.9f29635c.css rel=stylesheet><link href=/md/css/app.4c428007.css rel=stylesheet></head><body><div id=app></div><script src=/md/js/chunk-vendors.5473b59f.js></script><script src=/md/js/app.19b45228.js></script></body></html>
|
<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=keywords content=md,markdown,markdown-editor,wechat,official-account,yanglbme,doocs><meta name=description content="Wechat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器"><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>微信 Markdown 编辑器</title><link rel="shortcut icon" href=https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png><link rel=apple-touch-icon-precomposed href=https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png><link rel=stylesheet href=assets/css/loading.css><link rel=stylesheet href=libs/css/index.css><link rel=stylesheet href=libs/css/code-themes/github-v2.min.css><link rel=stylesheet href=libs/css/style-mirror.css><link rel=stylesheet href=libs/css/animate.css><link rel=stylesheet href=assets/css/app.css><link href=/md/css/app.4c428007.css rel=preload as=style><link href=/md/css/chunk-vendors.9f29635c.css rel=preload as=style><link href=/md/js/app.ef7a13e2.js rel=preload as=script><link href=/md/js/chunk-vendors.5473b59f.js rel=preload as=script><link href=/md/css/chunk-vendors.9f29635c.css rel=stylesheet><link href=/md/css/app.4c428007.css rel=stylesheet></head><body><div id=app></div><script src=/md/js/chunk-vendors.5473b59f.js></script><script src=/md/js/app.ef7a13e2.js></script></body></html>
|
||||||
2
js/app.ef7a13e2.js
Normal file
2
js/app.ef7a13e2.js
Normal file
File diff suppressed because one or more lines are too long
1
js/app.ef7a13e2.js.map
Normal file
1
js/app.ef7a13e2.js.map
Normal file
File diff suppressed because one or more lines are too long
@ -1,36 +1,36 @@
|
|||||||
.CodeMirror-hints {
|
.CodeMirror-hints {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
|
|
||||||
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
|
||||||
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
|
||||||
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
border: 1px solid silver;
|
border: 1px solid silver;
|
||||||
|
|
||||||
background: white;
|
background: white;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
|
|
||||||
max-height: 20em;
|
max-height: 20em;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-hint {
|
.CodeMirror-hint {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
color: black;
|
color: black;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
li.CodeMirror-hint-active {
|
li.CodeMirror-hint-active {
|
||||||
background: #08f;
|
background: #08f;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
@ -14,91 +14,111 @@
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror div.CodeMirror-selected {
|
|
||||||
|
.cm-s-style-mirror div.CodeMirror-selected {
|
||||||
background: #e0e0e0;
|
background: #e0e0e0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-line::selection,
|
|
||||||
.cm-s-style-mirror .CodeMirror-line > span::selection,
|
.cm-s-style-mirror .CodeMirror-line::selection,
|
||||||
.cm-s-style-mirror .CodeMirror-line > span > span::selection {
|
.cm-s-style-mirror .CodeMirror-line>span::selection,
|
||||||
|
.cm-s-style-mirror .CodeMirror-line>span>span::selection {
|
||||||
background: #e0e0e0;
|
background: #e0e0e0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-line::-moz-selection,
|
|
||||||
.cm-s-style-mirror .CodeMirror-line > span::-moz-selection,
|
.cm-s-style-mirror .CodeMirror-line::-moz-selection,
|
||||||
.cm-s-style-mirror .CodeMirror-line > span > span::-moz-selection {
|
.cm-s-style-mirror .CodeMirror-line>span::-moz-selection,
|
||||||
|
.cm-s-style-mirror .CodeMirror-line>span>span::-moz-selection {
|
||||||
background: #e0e0e0;
|
background: #e0e0e0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-gutters {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-gutters {
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
border-right: 0px;
|
border-right: 0px;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-guttermarker {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-guttermarker {
|
||||||
color: #ac4142;
|
color: #ac4142;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-guttermarker-subtle {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-guttermarker-subtle {
|
||||||
color: #b0b0b0;
|
color: #b0b0b0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-linenumber {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-linenumber {
|
||||||
color: #b0b0b0;
|
color: #b0b0b0;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-cursor {
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-cursor {
|
||||||
border-left: 1px solid #505050;
|
border-left: 1px solid #505050;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cm-s-style-mirror span.cm-comment {
|
.cm-s-style-mirror span.cm-comment {
|
||||||
color:green;
|
color: green;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-atom {
|
|
||||||
color: #aa759f;
|
|
||||||
}
|
|
||||||
.cm-s-style-mirror span.cm-number {
|
|
||||||
color: #aa759f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-s-style-mirror span.cm-property,
|
.cm-s-style-mirror span.cm-atom {
|
||||||
.cm-s-style-mirror span.cm-attribute {
|
color: #aa759f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-number {
|
||||||
|
color: #aa759f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-property,
|
||||||
|
.cm-s-style-mirror span.cm-attribute {
|
||||||
color: #90a959;
|
color: #90a959;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-keyword {
|
|
||||||
|
.cm-s-style-mirror span.cm-keyword {
|
||||||
color: #023a52;
|
color: #023a52;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-string {
|
|
||||||
color: #e46918;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-s-style-mirror span.cm-variable {
|
.cm-s-style-mirror span.cm-string {
|
||||||
|
color: #e46918;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-variable {
|
||||||
color: #90a959;
|
color: #90a959;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-variable-2 {
|
|
||||||
|
.cm-s-style-mirror span.cm-variable-2 {
|
||||||
color: #00695f;
|
color: #00695f;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-variable-3 {
|
|
||||||
|
.cm-s-style-mirror span.cm-variable-3 {
|
||||||
color: #2e6e8a;
|
color: #2e6e8a;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-def {
|
|
||||||
|
.cm-s-style-mirror span.cm-def {
|
||||||
color: #d28445;
|
color: #d28445;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-bracket {
|
|
||||||
|
.cm-s-style-mirror span.cm-bracket {
|
||||||
color: #202020;
|
color: #202020;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-tag {
|
|
||||||
color:#000;
|
.cm-s-style-mirror span.cm-tag {
|
||||||
}
|
color: #000;
|
||||||
.cm-s-style-mirror span.cm-link {
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror span.cm-link {
|
||||||
color: #b26a00;
|
color: #b26a00;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror span.cm-error {
|
|
||||||
|
.cm-s-style-mirror span.cm-error {
|
||||||
/* background: #ac4142;
|
/* background: #ac4142;
|
||||||
color: #f5f5f5; */
|
color: #f5f5f5; */
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-decoration-style: wavy;
|
text-decoration-style: wavy;
|
||||||
text-decoration-color: #df8d8e;
|
text-decoration-color: #df8d8e;
|
||||||
}
|
}
|
||||||
.cm-s-style-mirror .CodeMirror-activeline-background {
|
|
||||||
background: #dddcdc;
|
|
||||||
}
|
|
||||||
.cm-s-style-mirror .CodeMirror-matchingbracket {
|
|
||||||
color: rgb(32,32,32) !important;
|
|
||||||
background-color: rgba(0,0,0,0.1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-activeline-background {
|
||||||
|
background: #dddcdc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-style-mirror .CodeMirror-matchingbracket {
|
||||||
|
color: rgb(32, 32, 32) !important;
|
||||||
|
background-color: rgba(0, 0, 0, 0.1) !important;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user