提交 8d0e66bc 编写于 作者: G guanpengchn

v1.4.0 发布日期:2019-11-02

- 新增 ref 函数 getHtml 获取富文本
- 新增 id 选择器 nice,防止全局 CSS 污染,break change!请将所有的自定义标签前面加上 #nice,否则将失效,可参考其他主题!
- “参考资料”四个字支持自定义修改内容
- 调整阅读文档
- 修复 Safari 无法复制问题
- 新增主题「极客黑」、「简」
- 修改主题「蓝山」为「前端之巅同款」
上级 32745660
......@@ -7,7 +7,6 @@ v1.4.0 发布日期:2019-11-02
- 修复 Safari 无法复制问题
- 新增主题「极客黑」、「简」
- 修改主题「蓝山」为「前端之巅同款」
- 将内联 CSS 修改为类选择器
v1.3.1 发布日期:2019-10-28
......
......@@ -212,7 +212,6 @@ class App extends Component {
>
<section
id={LAYOUT_ID}
className="layout"
dangerouslySetInnerHTML={{
__html: parseHtml,
}}
......
.img-width {
width: 50%;
height: 100%;
}
.header-margin {
margin-top: 5px;
margin-bottom: 5px;
color: black;
}
.line-height {
line-height: 26px;
color: black;
padding: 0;
margin: 0;
}
.img {
width: 70px;
margin-left: 10px;
display: inline-block;
}
.no-border {
border: none;
}
\ No newline at end of file
import React, {Component} from "react";
import {observer, inject} from "mobx-react";
import {Modal, Button} from "antd";
import "./AboutDialog.css";
@inject("dialog")
@observer
......@@ -40,23 +39,23 @@ class AboutDialog extends Component {
paddingTop: "5px",
}}
>
<h3 className="header-margin">
<h3 style={style.headerMargin}>
Markdown Nice
<a
rel="noopener noreferrer"
target="_blank"
href="https://github.com/mdnice/markdown-nice"
className="no-border"
style={style.noBorder}
>
<img alt="" className="img" src="https://badgen.net/github/stars/mdnice/markdown-nice" />
<img alt="" style={style.img} src="https://badgen.net/github/stars/mdnice/markdown-nice" />
</a>
</h3>
<p className="line-height">支持自定义样式的 Markdown 编辑器</p>
<p className="line-height">支持微信公众号排版</p>
<p className="line-height">支持开源中国知乎掘金博客园和CSDN等平台</p>
<h3 className="line-height">我们</h3>
<p className="line-height">
<p style={style.lineHeight}>支持自定义样式的 Markdown 编辑器</p>
<p style={style.lineHeight}>支持微信公众号排版</p>
<p style={style.lineHeight}>支持开源中国知乎掘金博客园和CSDN等平台</p>
<h3 style={style.headerMargin}>我们</h3>
<p style={style.lineHeight}>
如果你喜欢我们的工具欢迎关注
<a rel="noopener noreferrer" target="_blank" href="https://github.com/mdnice/markdown-nice">
&nbsp;GitHub&nbsp;
......@@ -66,24 +65,29 @@ class AboutDialog extends Component {
&nbsp;Gitee&nbsp;
</a>
和新项目
<a rel="noopener noreferrer" target="_blank" href="https://github.com/guanpengchn/markdown-resume">
<a
style={style.a}
rel="noopener noreferrer"
target="_blank"
href="https://github.com/guanpengchn/markdown-resume"
>
&nbsp;Markdown 简历
</a>
同时我们也组建了
<strong>微信群</strong>
<strong style={style.strong}>微信群</strong>
」,右下角关注公众号回复排版拉你入群愿意
<strong>微信打赏</strong>
<strong style={style.strong}>微信打赏</strong>
就更好啦
</p>
<div style={{display: "flex", alignItems: "center"}}>
<img
alt="图片描述"
className="img-width"
style={style.imgWidth}
src="https://my-wechat.mdnice.com/mdnice/bonus_20191007150639.png"
/>
<img
alt="图片描述"
className="img-width"
style={style.imgWidth}
src="https://my-wechat.mdnice.com/wechat/wechat_gongzhognhao_20191014013348.gif"
/>
</div>
......@@ -92,4 +96,30 @@ class AboutDialog extends Component {
}
}
const style = {
imgWidth: {
width: "50%",
height: "100%",
},
headerMargin: {
marginTop: "5px",
marginBottom: "5px",
color: "black",
},
lineHeight: {
lineHeight: "26px",
color: "black",
padding: 0,
margin: 0,
},
img: {
width: "70px",
marginLeft: "10px",
display: "inline-block",
},
noBorder: {
border: "none",
},
};
export default AboutDialog;
......@@ -82,63 +82,6 @@ class ImageDialog extends Component {
};
};
// // 阿里云对象存储上传
// aliOSSUpload = (config, file, onSuccess, onError) => {
// const base64Reader = new FileReader();
// base64Reader.readAsDataURL(file);
// base64Reader.onload = (e) => {
// const urlData = e.target.result;
// const base64 = urlData.split(",").pop();
// const fileType = urlData
// .split(";")
// .shift()
// .split(":")
// .pop();
// // base64转blob
// const blob = toBlob(base64, fileType);
// // blob转arrayBuffer
// const bufferReader = new FileReader();
// bufferReader.readAsArrayBuffer(blob);
// bufferReader.onload = (event) => {
// const buffer = new OSS.Buffer(event.target.result);
// this.aliOSSPutObject(config, file, buffer, onSuccess, onError);
// };
// };
// };
// 阿里云对象存储上传
// aliOSSPutObject = (config, file, value, onSuccess, onError) => {
// let client;
// try {
// client = new OSS(config);
// } catch (error) {
// message.error("OSS配置错误,请根据文档检查配置项");
// return;
// }
// const OSSName = getOSSName(file.name);
// client
// .put(OSSName, value)
// .then((response) => {
// const names = file.name.split(".");
// names.pop();
// const filename = names.join(".");
// const image = {
// filename, // 名字不变并且去掉后缀
// url: response.url,
// };
// this.images.push(image);
// onSuccess(response, file);
// })
// .catch((error) => {
// message.error("请根据文档检查配置项");
// onError(error, error.toString());
// });
// };
typeChange = (type) => {
this.props.imageHosting.setType(type);
localStorage.setItem(IMAGE_HOSTING_TYPE, type);
......
......@@ -156,7 +156,7 @@ export const CODE_OPTIONS = [
export const VERSION_NUM = "1.4.0";
export const VERSION_TIMELINE = [
"2019-11-02 新增 id 选择器 nice,防止全局 CSS 污染,break change!请将所有的自定义标签前面加上 #nice,否则将失效,可参考其他主题!新增 ref 函数 getHtml 获取富文本,“参考资料”四个字支持自定义修改内容,调整阅读文档",
"2019-11-02 break change!请将所有的自定义标签前面加上 #nice,否则将失效,可参考其他主题!新增主题「极客黑」和「简」",
"2019-10-28 修复公式 bug,新增主题「蓝山」,请重置看查看效果",
"2019-10-27 组件化,新增预览模式,修改导航栏布局",
"2019-10-24 修复 PWA 中的 mdnice 图床 https 问题,添加图片拖拽提示",
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册