【Lecture】SimpleMDE的配置使用

编辑器是带有顶部工具栏的，默认是在线获取FontAwesome，但是在国内要么访问慢，要么访问不了，所以需要再配置中设置自动下载字体图标：autoDownloadFontAwesome: false

下载组件：

npm install simplemde --save    //markdown编辑器
npm install font-awesome --save    //FontAwesome字体图标

引入：

import 'font-awesome/css/font-awesome.min.css'
import 'simplemde/dist/simplemde.min.css'
import SimpleMDE from 'simplemde'

上传图片参考：link
node_modules/simplemde/src/js/simplemde.js -line 633

function drawImage(editor) {
	// var cm = editor.codemirror;
	// var stat = getState(cm);
	// var options = editor.options;
	// var url = "http://";
	// if(options.promptURLs) {
	// 	url = prompt(options.promptTexts.image);
	// 	if(!url) {
	// 		return false;
	// 	}
	// }
	// _replaceSelection(cm, stat.image, options.insertTexts.image, url);
	var input = document.getElementById("uploadImg")
	input.click()
}

在lec_mde.vue隐藏了singleUpload组件（其中定义了id="uploadImg"的图片上传按钮）

<el-button v-else size="small" type="primary" id="uploadImg"
          >点击上传</el-button>