基于MdEditor魔改的markdown编辑器,拓展了图片上传功能

基于MdEditor魔改的markdown编辑器,拓展了图片上传功能,第1张

MdEditor是一款非常棒的编辑器,但是在上传图片方面有点美中不足,缺少了本地上传图片到云服务器的功能,如果要日常使用的话还是需要二次开发的,经过一番魔改后可以支持本地图片上传了,本来打算直接引入到项目中的,考虑到编辑器实在太大了,所以就使用了iframe的方式引入,不多BB直接上图。

正常使用的话还是需要在editor项目中的html修改一些配置

上面是本人自己用到的图片上传方法使用的时候需要相应的修改,然后需要注意的是callBack方法三个参数需要存在不然可能会报错,也可以再次魔改源码,

下面说下编辑器内嵌的相应事件内嵌的父项目的首页index.html

接着是父项目的具体内嵌页面, 要根据具体情况来调用方法

魔改编辑器的核心拓展文件update-img.js

到这里就介绍的差不多了,希望可以帮助到有需要的人

1、首先新建一个demo文件,命名为demo.md,用于Markdown创建链接。

2、其次使用“(链接名称)(链接地址)”的格式创建链接。

3、最后再次进行新建,显示出的效果即为markdown设置多行链接。

Markdown是一种轻量级标记语言,可以使用易读易写的纯文本格式编写文档。不考虑它强大的跨平台性,单纯从写作角度来说,Markdown编辑器更适合用于诗歌、英文段落、总结、公文、笔记等文本的撰写。

语法

效果:

语法:

效果:

我是斜体的文字

我是加粗的文字

我是斜体加粗的文字

我是删除的文字

语法:

效果

可以在电脑上直接复制文章题目或作者名到Markdown界面一键完成超链接,也可以手动输入语法。

手动输入

语法:

示例:

效果:

非村

无序列表

语法:

效果:

有序列表

语法:

效果:

列表嵌套

语法:

效果:

没有对齐属性的表格,默认居左

语法:

示例:

效果:

有对齐属性的表格

语法:

示例:

|序号|作品名字|作者|

|:-|:-:|-:|

|1|《一个人,一座城》|张三|

|2|《牛》|李四麻子|

效果:

语法:

效果:

本地图片直接用导航栏里的图片图标插入

语法:

效果:

一声:ā

二声:á

三声:ě

四声:à

示例:

效果:

非村 fēi cūn

语法:

效果:

高亮内容

发现好玩实用的用法,会持续更新。

语法:

效果:

非村 上标

非村 下标

适用于批量做带链接的表格,不是技术流的恐怕学不会

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11290342.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存