最近遇到一个功能,后台管理系统添加商品的时候,商品详情是使用富文本编辑器添加的。小程序获取的商品详情数据是含有<p>标签的。

后台管理系统

百度了多种方法,也试用了很多方法,最终觉得wxParse.js比较方便。

在页面js文件引入wxParse.js

var WxParse = require('../../wxParse/wxParse.js');

处理接口返回的商品详情的数据

res.goods.describes = WxParse.wxParse('article', 'html', res.goods.describes, that, 5);

WxParse.wxParse(bindName , type, data, target,imagePadding)

1.bindName绑定的数据名(必填)

2.type可以为html或者md(必填)

3.data为传入的具体数据(必填)

4.target为Page对象,一般为this(必填)

5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

WxParse.wxParse('引用的时候的名字,如courseDetail', 'html', '你需要解析的数据,如courseDetailContent', that, 5)

在页面wxml文件中

<!-- 引入wxParse文件 -->
<import src="../../wxParse/wxParse.wxml" /><!-- 在商品详情具体位置添加 -->
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

微信小程序-后台使用富文本编辑器返回数据,小程序编译富文本编辑器返回的数据相关推荐

  1. html富文本编辑器插件_vue中使用vuequilleditor富文本编辑器

    点击上方"小姚同学技术栈"快速关注我哟! vue-quill-editor是一个基于quill.适用于vue的富文本编辑器开源项目,支持服务端渲染和单页应用.目前项目热度还算可以, ...

  2. kind富文本编辑器_在项目中集成富文本编辑器

    前   言 现在学程序的都离不开 Markdown 语法了吧,Markdown 已经成为典型的转换为HTML的非正式规范和参考实现,现在市场上也出现了许多Markdown实现,在基本语法之上额外增加了 ...

  3. 微信编辑器 wxEditor 最牛逼的富文本编辑器

    时尚最牛逼的富文本编辑器 http://wxeditor.leipi.org/ http://www.wwei.cn/

  4. 所见即所得html5编辑器,一个漂亮的所见即所得(WYSIWYG)富文本编辑器:Froala

    本文翻译来自wysiwyg-editor,大家想看原文可以点击此链接. 介绍 WYSIWYG HTML编辑器是一款有史以来最强大的JavaScript富文本编辑器之一.它采用了最新的技术,并利用jQu ...

  5. android富文本图片自适应,Android 图片混排富文本编辑器控件

    一.一个Android 图片混排富文本编辑器控件(仿兴趣部落) 1.1 图片混排富文本控件 是一种图片和文字混合在一起的控件,文本之间可以插入图片,类似于网页的排版样式. 1.2 该控件主要是仿兴趣部 ...

  6. 安卓文本编辑器php cpp,开源的Android富文本编辑器

    RichEditor 基于原生EditText+span实现的Android富文本编辑器 github地址:https://github.com/yuruiyin/RichEditor 组件描述 该组 ...

  7. 编辑器图片上传 linux,summernote 富文本编辑器上传本地图片

    jQuery version: 1.12.4 Bootstrap version: 3.3.7 summernote 是基于jQuery 和 Bootstrap 的轻量级富文本编辑器 所以在使用sum ...

  8. C语言对文本进行断句,用TextView实现富文本展示,点击断句和语音播报

    最近有一个需求:移动端需要展示用户在PC端做的笔记,而笔记内容是富文本形式--有图片,有文字,文字可以设置颜色.加粗.倾斜等等.同时,用户点击的时候能够语音朗读所点击的当前整句的内容. 第一反应就是富 ...

  9. html表单控件富文本框,表单控件之富文本框实践

    多行文本输入框(不是富文本框)的html代码如下: 学历及经历: ${emp.details} 富文本的js代码如下: // create Editor from textarea HTML elem ...

最新文章

  1. 课堂上我们为什么不发言
  2. FineUIMvc随笔(6)对比WebForms和MVC中表格的数据库分页
  3. Linux UOS(国产统信)系统下Qt无法打印日志的问题
  4. Linux系统中添加硬盘,并挂载到已有的目录,比如/home/user
  5. MailMail升级到1.0.2.4
  6. 对象的基础用法和解构赋值
  7. 使用vue-cli3创建项目的时候出错,ERROR command failed: npm install --loglevel error --registry
  8. SpringCloud:汇总(Gradle项目)
  9. mac 查看环境变量_Mac开工利器Homebrew介绍
  10. SpringBoot学习之文件结构和配置文件
  11. 返回两个时间范围内的一个随机时间
  12. tooltips 提示
  13. 桌面高效便捷的多窗口调整管理工具 - AquaSnap
  14. 孪生网络图像相似度_孪生网络(Siamese Network)
  15. 关于解决“无法定位程序输入点于动态链接库”问题的思路
  16. 对象存储oss挂载工具ossfs的使用
  17. Kibana操作Elasticsearch-Aggregations聚合数据分析
  18. move是MySQL命令_MOVE命令_视频讲解_用法示例-redis编程词典-php中文网
  19. 未来计算机专业会怎么样
  20. 拼题 L2-001 紧急救援 最短路计数+记录路径

热门文章

  1. 安卓Vitamio播放课程视频
  2. 两岸开源社群面面观(总结篇)
  3. EntityFramework笔记
  4. macw资讯——妙控键盘与智能键盘:哪个适合您的 iPad?
  5. 使用vmstat命令监视系统内存--用Enki学Linux系列(14)
  6. Goolge Colab免费GPU服务器使用教程
  7. eclipse c语言 自动补全,eclipse里头怎么设C/C++的智能提示
  8. 如何在Server 2003查看 是 32位还是64位
  9. 2022.5.4.学习笔记数据类型
  10. PHP图书信息表books,创建一个图书表