diff --git a/src/components/pro/pro.js b/src/components/pro/pro.js
index 1e9e135..87dba13 100644
--- a/src/components/pro/pro.js
+++ b/src/components/pro/pro.js
@@ -7,7 +7,7 @@ import codemirrorConfig from '../../assets/js/codemirror/config';
import '../../assets/js/codemirror/styles/codemirror.css';
import common from '../../mixins/common';
import marked from '../../config/marked';
-
+import tocObj from "../../assets/js/marked/createToc";
export default {
name: 'markdown-pro',
mixins: [common],
@@ -345,6 +345,10 @@ export default {
html = html.replace(/
/g, '' + this.copyBtnText + '').replace(/<\/pre>/g, '
')
}
this.html = html;
+ //toc
+ this.toc = tocObj.tocItems;
+ tocObj.reset()
+
this.addImageClickListener();
this.addCopyListener();
this.$emit('input', currentValue);
diff --git a/src/components/simple/index.vue b/src/components/simple/index.vue
index 9e6bb68..6dac969 100644
--- a/src/components/simple/index.vue
+++ b/src/components/simple/index.vue
@@ -85,6 +85,9 @@
+
+
+
diff --git a/src/config/tools.js b/src/config/tools.js
index 50a0441..34a9b84 100644
--- a/src/config/tools.js
+++ b/src/config/tools.js
@@ -18,6 +18,7 @@ export default {
code: true,
link: true,
image: true,
+ uploadImage:false,
table: true,
checked: true,
notChecked: true,
diff --git a/src/mixins/common.js b/src/mixins/common.js
index a2ba894..6aa24c8 100644
--- a/src/mixins/common.js
+++ b/src/mixins/common.js
@@ -1,8 +1,11 @@
-import { saveFile } from '../utils';
+import {saveFile} from '../utils';
import defaultTools from '../config/tools';
+import AnchorLink from '../components/Anchor/anchorLink'
+import Anchor from '../components/Anchor/anchor'
export default {
name: 'markdown',
+ components: {Anchor,AnchorLink},
props: {
value: {
type: [String, Number],
@@ -48,7 +51,7 @@ export default {
return {};
}
},
- copyCode:{// 复制代码
+ copyCode: {// 复制代码
type: Boolean,
default: true
},
@@ -75,6 +78,7 @@ export default {
timerId: null, // 定时器id
themeName: '',
themeSlideDown: false,
+ imgSlideDown: false,
imgs: [],
scrolling: true, // 同步滚动
editorScrollHeight: 0,
@@ -85,7 +89,7 @@ export default {
},
computed: {
tools() {
- const { toolbars = {} } = this;
+ const {toolbars = {}} = this;
return {
...defaultTools,
...toolbars
@@ -105,7 +109,7 @@ export default {
);
},
handleSave() {// 保存操作
- const { currentValue, themeName,html } = this;
+ const {currentValue, themeName, html} = this;
this.$emit('on-save', {
theme: themeName,
value: currentValue,
@@ -128,8 +132,8 @@ export default {
if (!file) {
return;
}
- const { type } = file;
- if (!['text/markdown','text/src'].includes(type)) {
+ const {type} = file;
+ if (!['text/markdown', 'text/src'].includes(type)) {
return;
}
const reader = new FileReader();
@@ -139,17 +143,17 @@ export default {
reader.onload = () => {
this.currentValue = reader.result;
e.target.value = '';
- if(this.pro){// 专业版，手动set value
+ if (this.pro) {// 专业版，手动set value
this.editor.setOption('value', this.currentValue);
}
};
- reader.onerror = err=>{
+ reader.onerror = err => {
console.error(err);
}
},
handlePaste(_, e) {// 粘贴图片
- const { clipboardData = {} } = e;
- const { types = [], items } = clipboardData;
+ const {clipboardData = {}} = e;
+ const {types = [], items} = clipboardData;
let item = null;
for (let i = 0; i < types.length; i++) {
if (types[i] === 'Files') {
@@ -160,7 +164,7 @@ export default {
if (item) {
const file = item.getAsFile();
if (/image/gi.test(file.type)) {
- this.$emit('on-paste-image', file);
+ this.$emit('on-upload-image', file);
e.preventDefault();
}
}
@@ -169,7 +173,7 @@ export default {
this.scrollSide = side;
},
addImageClickListener() {// 监听查看大图
- const { imgs = [] } = this;
+ const {imgs = []} = this;
if (imgs.length > 0) {
for (let i = 0, len = imgs.length; i < len; i++) {
imgs[i].onclick = null;
@@ -200,6 +204,19 @@ export default {
this.previewImgModal = true;
};
},
+ chooseImage() {// 选择图片
+ const input = document.createElement('input');
+ input.type = 'file';
+ input.accept = 'image/*';
+ input.onchange = ()=>{
+ const files = input.files;
+ if(files[0]){
+ this.$emit('on-upload-image', files[0]);
+ input.value = '';
+ }
+ }
+ input.click();
+ },
addCopyListener() {// 监听复制操作
setTimeout(() => {
const btns = document.querySelectorAll(