增加引用样式 (#61)

* 增加引用样式

* 增加引用样式

* 增加引用样式
This commit is contained in:
jonny 2021-01-31 21:00:57 +08:00 committed by GitHub
parent 577f6c11e8
commit 72bfa48745
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 82 additions and 10 deletions

View File

@ -3836,12 +3836,36 @@
background-color: #fff;
}
.editormd-preview-container blockquote, .editormd-html-preview blockquote {
color: #666;
border-left: 4px solid #ddd;
padding-left: 20px;
margin-left: 0;
color: #2C3E50;
border-left: 5px solid #D6DBDF;
font-size: 14px;
/* font-style: italic; */
background: none repeat scroll 0 0 rgba(102,128,153,.05);
margin: 8px 0;
padding: 8px 16px;
}
.editormd-preview-container blockquote.default, .editormd-html-preview blockquote.default {
}
.editormd-preview-container blockquote.info, .editormd-html-preview blockquote.info {
border-left-color: #5bc0de;
color: #5bc0de;
background-color: #f4f8fa
}
.editormd-preview-container blockquote.warning, .editormd-html-preview blockquote.warning {
background-color: #fcf8f2;
border-color: #f0ad4e;
color: #f0ad4e
}
.editormd-preview-container blockquote.danger, .editormd-html-preview blockquote.danger {
color: #d9534f;
background-color: #fdf7f7;
border-color: #d9534f
}
.editormd-preview-container blockquote.success, .editormd-html-preview blockquote.success {
background-color: #f3f8f3;
border-color: #50af51;
color: #50af51
}
.editormd-preview-container p code, .editormd-html-preview p code {
margin-left: 5px;

View File

@ -3120,12 +3120,32 @@
background-color: #fff;
}
.editormd-preview-container blockquote, .editormd-html-preview blockquote {
color: #666;
border-left: 4px solid #ddd;
padding-left: 20px;
margin-left: 0;
color: #2C3E50;
border-left: 4px solid #D6DBDF;
font-size: 14px;
font-style: italic;
background: none repeat scroll 0 0 rgba(102,128,153,.05);
margin: 8px 0;
padding: 8px 16px;
}
.editormd-preview-container blockquote.info, .editormd-html-preview blockquote.info {
border-left-color: #5bc0de;
color: #5bc0de;
background-color: #f4f8fa
}
.editormd-preview-container blockquote.warning, .editormd-html-preview blockquote.warning {
background-color: #fcf8f2;
border-color: #f0ad4e;
color: #f0ad4e
}
.editormd-preview-container blockquote.danger, .editormd-html-preview blockquote.danger {
color: #d9534f;
background-color: #fdf7f7;
border-color: #d9534f
}
.editormd-preview-container blockquote.success, .editormd-html-preview blockquote.success {
background-color: #f3f8f3;
border-color: #50af51;
color: #50af51
}
.editormd-preview-container p code, .editormd-html-preview p code {
margin-left: 5px;

View File

@ -3532,6 +3532,34 @@
var editormdLogoReg = regexs.editormdLogo;
var pageBreakReg = regexs.pageBreak;
// 增加引用样式解析规则
markedRenderer.blockquote = function($quote) {
var quoteBegin = "";
var ps = $quote.match(/<p\s*?>/i);
if(ps !== null) {
quoteBegin = ps[0];
$quote = $quote.substr(3);
}
var $class = "default";
if($quote.indexOf("i") === 0){
$class = "info";
$quote = $quote.substr(1);
}else if($quote.indexOf("w") === 0){
$class = "warning";
$quote = $quote.substr(1);
}else if($quote.indexOf("s") === 0){
$class = "success";
$quote = $quote.substr(1);
}else if($quote.indexOf("d") === 0){
$class = "danger";
$quote = $quote.substr(1);
}
return '<blockquote class="'+$class+'">\n' + quoteBegin + $quote + '</blockquote>\n';
};
// marked 解析图片
markedRenderer.image = function(href,title,text) {
var attr = "";