目录

  • 一、Markdown 编辑器 Editor.md 使用
  • 二、上传图片
    • 1、查看官方Demo
    • 2、初始化时加3个参数配置
    • 3、数据返回格式 Json格式
  • 三、注意
  • 四、editor.md显示编辑框及图片上传心得(非常详细)

一、Markdown 编辑器 Editor.md 使用

Markdown 编辑器 Editor.md 使用,实例化。

二、上传图片

1、查看官方Demo

查看官方Demo

2、初始化时加3个参数配置

{imageUpload    : false,imageFormats   : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],imageUploadURL : "./php/upload.php", //自定义的图片上传路径
}

3、数据返回格式 Json格式

{success : 0 | 1,           // 0 表示上传失败,1 表示上传成功message : "提示的信息,上传成功或上传失败及错误信息等。",url     : "图片地址"        // 上传成功时才返回
}

如果想要修改返回的结构,可以修改…/editormd/plugins/image-dialog/image-dialog.js文件

大概169行 !settings.crossDomainUpload 修改判断 if (json.success=== 0)即可。

三、注意

我返回的时候 'success’多写了个空格 'success ',导致错误,大家不要写错返回的参数。
我一开始’success’多写了个空格,图片上传后,地址赋值失败,弹出alert框,提示 undefined,哈哈

四、editor.md显示编辑框及图片上传心得(非常详细)

editor.md显示编辑框及图片上传心得(非常详细)
这位博主直接改了editormd/plugins/image-dialog/image-dialog.js这里面的代码,他这个问题我没遇到,不知道什么场景下导致的。

Markdown 编辑器 Editor.md 图片上传使用相关推荐

  1. vue中使用wangeditor富文本编辑器(含图片上传和回显)

    最近在写vue的项目中,遇到一个需求,点击编辑,显示弹框,在弹框中的富文本编辑器中编辑自定义文本样式,可以上传图片并回显.编辑完成确定后显示在页面上. 首先先写一个editor.vue的页面.(建议单 ...

  2. vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计

    vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计 写在前面 vue 富文本 quill / vue-quill-editor 如何使用 图片上传到服务器 实时字数统计 图片编 ...

  3. Markdown编辑器editor.md的使用

    目录(?)[-] 一Markdown和editormd简介 二editormd的使用 1下载 2简单使用 21在自己的页面上引入相关的css和js代码如下 22在自己的页面中加上DIV 23在同页面中 ...

  4. 基于JavaWeb的MarkDown编辑器editor.md的使用

    1.简介 editor.md是国内开发的开源项目,单纯基于前端JavaScript,可以实现markdown编辑器的所有功能. 主要特性 支持通用 Markdown / CommonMark 和 GF ...

  5. Spring Boot集成Ueditor富文本编辑器,实现图片上传,视频上传,返回内容功能并且通过OSS转换为链接并且解决Spring Security静态资源访问以及跨域问题

    学习自https://cloud.tencent.com/developer/article/1452451 现在是晚上22点,刚刚和我们的前端交流完了富文本编辑器的一些意见和看法 还是老样子 需求 ...

  6. themyleaf 图片上传_springboot thymeleaf 整合 百度富文本编辑器UEditor进行图片上传

    项目中需要使用到富文本编辑器,找来找去发现百度UEditor富文本编辑器在国内最为常用因此就尝试引入.编辑器官网是:http://ueditor.baidu.com/website/index.htm ...

  7. asp.net 百度编辑器 UEditor 上传图片 图片上传配置 编辑器配置 网络连接错误,请检查配置后重试...

    1.配置ueditor/editor_config.js文件,将 //图片上传配置区,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址,imag ...

  8. Simditor 富文本编辑器多选图片上传、视频连接插入

    simditor 是一个基于浏览器的所见即所得的文本编辑器.Simditor 富文本编辑器, 支持多选图片上传, 视频连接插入, HTML代码编辑以及常用富文本按钮,支持的浏览器:IE10.Firef ...

  9. vue3开发1:在vue3项目中集成ckeditor5编辑器,自定义图片上传,图片编辑排坑(一)

    最近尝试用了vue3进行开发,没想到在使用element-plus框架的时候出现了bug(一个星期后官方修复了),所以我对在项目中集成富文本插件ckeditor5比较忐忑,而且也没有vue3中集成ck ...

  10. quill富文本编辑器quill粘贴图片上传服务器

    强大的富文本编辑器:quill github:32k start++,:https://github.com/quilljs/quill quill粘贴图片上传服务器 <link href=&q ...

最新文章

  1. 华为浏览器推荐关闭_华为手机的不明照片是哪来的?这3个设置得关闭,否则128G也不够...
  2. GDCM:gdcm::Element的测试程序
  3. Flask博客开发——Tinymce编辑器
  4. java聚集_深入理解JAVA中的聚集和组合的区别与联系
  5. java 一年 周数_Java获取一年有多少周、某周的第一天和最后一天,当前时间所在当年的实际周数...
  6. ET1100和ET1200的区别
  7. 热门编程语言间的差异
  8. html代码广告代码大全,强制弹窗广告代码大全.doc
  9. wireshark抓取网络数据包
  10. 视频加密中令人头疼的录屏行为怎么防范?
  11. 无线网卡wifi无法启用
  12. IC卡与磁条卡的数据区别
  13. 大数据工程师技术栈探讨
  14. Windows实用工具推荐
  15. 让NodeJS出错退出之后自动重启的办法
  16. 物体6D位姿估计方法总结
  17. 九张图看懂互联网金融模式
  18. R语言Excel的读写
  19. linux下在终端打开文件夹
  20. 分享几个有趣实用的网站

热门文章

  1. 编程python视频教程_Python高级编程实战系列视频课程
  2. Markdown的基础语法
  3. 卸载所有supervisor残留_拯救C盘!这个良心的卸载工具还是免费的?!
  4. 上网时间监控软件_网管软件有哪一些?哪家好?
  5. idle运行python_python中的idle是如何运行的
  6. RocketMQ消息消费之长轮询
  7. java中的字符串String的不可变性
  8. Chrome插件英雄榜(第二期)
  9. ArrayList源码解析(基于Java8)
  10. 资源 | 有了这些字体,你的设计也立即“高大上”起来。