博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
富文本编辑器wangEditor
阅读量:2420 次
发布时间:2019-05-10

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

目录

 

wangEditor是一个轻量级的富文本编辑器,相比KindEditor十分简洁,但偏pc端 ,不支持移动端和 ipad。

官网地址:

 

下载引入

方式一   使用cdn

 

方式二   自己下载编译
在官网下载压缩包,编译后引入dist下的wangEditor.min.js

npm installnpm run build

 

方式三   npm引入
需要以npm方式创建项目

npm i wangeditor --save

 

基本使用

请输入内容...

 

说明

1、v4版本的使用和v3略有不同,使用时要注意引入的是v3还是v4版本。

参考:

 

2、有时候编辑的内容是在移动端展示的,比如显示在小程序中的页面上。移动端预览思路

  • 运营在pc端编辑内容
  • 点击“移动端预览”按钮时,前端获取编辑框的带有html标签的文档内容传给后端
  • 后端用StringBuilder拼接html文档的<head>、<meta>之类的固定标签,在临时目录下创建一个html文件,将StringBuilder转换为String写入html文件中,返回给前端html文件路径
  • 前端拼接域名、后端返回的html文件路径,生成二维码显示在页面上
  • 运营手机扫描二维码,转到html页面

转载地址:http://ruhlb.baihongyu.com/

你可能感兴趣的文章
赶集mysql军规
查看>>
nginx/tengine限制流量如何配置
查看>>
cron和crontab命令详解 crontab 每分钟、每小时、每天、每周、每月、每年定时执行 crontab每5分钟执行一次
查看>>
注意使用 BTREE 复合索引各字段的 ASC/DESC 以优化 order by 查询效率
查看>>
mysql使用索引优化order排序
查看>>
mysql复合索引、普通索引总结
查看>>
mysql explain中的using filesort
查看>>
MYSQL explain详解
查看>>
MySQL查询优化-explain
查看>>
Linux 技巧:让进程在后台可靠运行的几种方法
查看>>
Java IO 以及 NIO 详解
查看>>
Java 反射和动态代理真的没那么高深,一起来看看就知道了
查看>>
java线程与死锁问题,讲的太详细太好懂了,再也不用怕了
查看>>
java 线程池看这一篇就行了
查看>>
IT文档及工具
查看>>
eygle' blog
查看>>
Apple 公司的电影预告片网站
查看>>
ORACLE技术中国用户讨论组
查看>>
unixguide
查看>>
Ruby Code & Style
查看>>