zoukankan      html  css  js  c++  java
  • 小程序富文本解析

    吼吼吼;又要开始一篇新的记录了。

    关于小程序解析富文本;今天碰到这个问题,所幸解决了。记录一下

    首先需要用到

    wxParse 这个插件  

    下载地址:https://github.com/icindy/wxParse;(git地址,有用法文档)

    下载好之后,接着进行第二步

     在对应需要用到的页面引入wxParse

    const WxParse = require('../../../../wxParse/wxParse.js');
    然后调用方法;data就是富文本里面的内容
    // 富文本编辑器
      fuwenBen: function (data) {
        let that = this;
        let fuwenben = data;
        let content = WxParse.wxParse_ly_all('fuwenben', 'html', fuwenben, that);
        // console.log(content)
        that.setData({
          content
        })
      },

    这样js部分的数据处理就OK了;下面是wxml里

    引入插件的wxml文件

    <import src="../../../../wxParse/wxParse.wxml" />

    然后

    <view class='pt40  w'>
        <template is="wxParse" data="{{ wxParseData:content.nodes }}" />
      </view>

    最后引入样式表

    @import "../../../../wxParse/wxParse.wxss";

    大功告成。这样就完成了整个操作,鼓励一下自己,哈哈哈

     
  • 相关阅读:
    openresty 使用 log_by_lua 发送日志到 syslog-ng
    uuid 了解
    基于openresty 的几个开发框架
    openresty 几个插件使用
    kong 了解
    openresty && hashids&& redis 生成短链接
    kong k8s 安装 以及可视化管理界面
    hashids 了解
    Apache Tez 了解
    Cascalog了解
  • 原文地址:https://www.cnblogs.com/yutianA/p/10267329.html
Copyright © 2011-2022 走看看