专栏首页hotqin888的专栏小程序利用富文本编辑器editor编辑文章

小程序利用富文本编辑器editor编辑文章

https://blog.csdn.net/qq_29789057/article/details/90108048

https://blog.csdn.net/hotqin888/article/details/90348007

从小程序的利用富文本编辑器editor添加文章,上传图片,到利用富文本编辑器编辑现有文章,

开始想着由文章阅览页里的按钮携带参数id到编辑页,编辑页在onload里options获取文章id,再由onEditorReady()里请求服务端获得文章内容,放到编辑器里进行编辑。后来觉得不对,没必要再次请求服务端啊。

所以,在文章页,用上isme和isadmin,如果是这其中的,就显示编辑按钮。按钮跳转到编辑页,用getcurrentpage来获取文章页的数据,放到编辑器里。

  onEditorReady() {
    // 没必要再去服务端请求数据
    
    var that = this
    var pages = getCurrentPages();
    var prevPage = pages[pages.length - 2];

    // var getData = wx.request({//没必要再去服务端请求

    wx.createSelectorQuery().select('#editor').context(function(res) {
      that.editorCtx = res.context
      that.editorCtx.setContents({
        html: prevPage.data.articlecontent,//这里就是获取上一页面中的数据
        success: (res) => {
          console.log(res)
        },
        fail: (res) => {
          console.log(res)
        }
      })
    }).exec()
    that.setData({
      content: prevPage.data.articlecontent,//假如用户没有点击内容,则用这个内容
      title: prevPage.data.leassonTilte,//假如用户没有点击标题,则用这个标题
      titleCount: prevPage.data.leassonTilte.length
    })
  },

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序的页面生成图片分享朋友圈

    1.网络图片要下载到本地,就是getimginfo和promise,具体技术细节我也不晓得。然后就是本地图片的地址和网络图片的地址不同。本地的要加../../i...

    hotqin888
  • 小程序中搜索文件,阅览pdf,分享文件链接,评论表情符号

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

    hotqin888
  • beego利用liteide进行交叉编译

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

    hotqin888
  • 微信小程序充值操作流程

    微信小程序的充值流程与 H5 或 公众号大致差不多,这里简单说一下前端在充值时候的一些操作流程。

    疯狂的小程序
  • 未来架构:从服务化到云原生 | 每月一书(第5期)

    互联网架构不断演化,经历了从集中式架构到分布式架构,再到云原生架构的过程。云原生因能解决传统应用升级缓慢、架构臃肿、无法快速迭代等问题而成了未来云端应用的目标。

    京东技术
  • TP框架集成微信小程序getPhoneNumber获取手机号功能

    沈唁
  • LeetCode-195. 第十行

    悠扬前奏
  • 12月反思 - 组内设计评审会议

    现象     这个月我的工作任务中,有一项是重构OEA框架中的AutoUI部分。这个任务在月初时计划在一个月内完成,包括问题分析、设计新的结构、编写设计文档、...

    用户1172223
  • 基于 HTML5 WebGL 的 3D SCADA 主站系统

    HT_hightopo
  • 基于 WebGL 的 HTML5 3D SCADA 主站系统 顶

    这个例子的初衷是模拟服务器与客户端的通信,我把整个需求简化变成了今天的这个例子。3D 的模拟一般需要鹰眼来辅助的,这样找产品以及整个空间的概括会比较明确,在这个...

    HT_hightopo

扫码关注云+社区

领取腾讯云代金券