博客
关于我
editor配置上传图片到七牛云服务器
阅读量:144 次
发布时间:2019-02-26

本文共 1426 字,大约阅读时间需要 4 分钟。

本文关于自定义七牛插件用于editor.md上传图片到七牛云

一、效果展示

这里写图片描述

二、开发一个上传七牛云的插件

  • 1、,我也是从上面拷贝代码修改
  • 2、关于七牛云的使用,
  • 3、修改第一点中拷贝的插件代码

    这里写图片描述

  • 4、关于上传的地址

三、使用

  • 1、静态页面

      
    Document
  • 2、引入插件包

  • 3、脚本的书写

    var editor = editormd("editormd", {    width: "100%",    height: 540,    syncScrolling: "single",    path: "./lib/",    imageUpload: true,    imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],    saveHTMLToTextarea: true,    // previewTheme: "dark", // 主题    toolbarIcons: function () {           return [        "undo", "redo", "bold", "del", "italic", "hr", "|",        "h1", "h2", "h3", "h4", "h5", "h6", "list-ul", "list-ol", "|",        "link", "reference-link", "qiniu", "table", "code", "code-block", "datetime", "|",        "goto-line", "preview", "watch", "|",        "fullscreen", "clear", "search"];    },    //配置七牛上传插件    toolbarIconsClass: {      qiniu: "fa-cloud-upload"    },    toolbarHandlers: {      qiniu: function (cm, icon, cursor, selection) {             this.imageDialogQiniu();      }    },    qiniuTokenUrl: "http://127.0.0.1:9000/token/",          //本地服务器获取七牛token的url    qiniuPublishUrl: "http://pdc7jra0s.bkt.clouddn.com/"    //远程七牛服务器个人发布地址  });  // 点击的时候获取全部的markdown  $('#btn').on('click', function () {         console.log(editor.getMarkdown())  });  // 获取全部的文本  $('#btn1').on('click', function () {         console.log(editor.getHTML())  })

四、

你可能感兴趣的文章
Mysql:连接报错“closing inbound before receiving peer‘s close_notify”
查看>>
mysqlbinlog报错unknown variable ‘default-character-set=utf8mb4‘
查看>>
mysqldump 参数--lock-tables浅析
查看>>
mysqldump 导出中文乱码
查看>>
mysqldump 导出数据库中每张表的前n条
查看>>
mysqldump: Got error: 1044: Access denied for user ‘xx’@’xx’ to database ‘xx’ when using LOCK TABLES
查看>>
Mysqldump参数大全(参数来源于mysql5.5.19源码)
查看>>
mysqldump备份时忽略某些表
查看>>
mysqldump实现数据备份及灾难恢复
查看>>
mysqldump数据库备份无法进行操作只能查询 --single-transaction
查看>>
mysqldump的一些用法
查看>>
mysqli
查看>>
MySQLIntegrityConstraintViolationException异常处理
查看>>
mysqlreport分析工具详解
查看>>
MySQLSyntaxErrorException: Unknown error 1146和SQLSyntaxErrorException: Unknown error 1146
查看>>
Mysql_Postgresql中_geometry数据操作_st_astext_GeomFromEWKT函数_在java中转换geometry的16进制数据---PostgreSQL工作笔记007
查看>>
mysql_real_connect 参数注意
查看>>
mysql_secure_installation初始化数据库报Access denied
查看>>
MySQL_西安11月销售昨日未上架的产品_20161212
查看>>
Mysql——深入浅出InnoDB底层原理
查看>>