富文本(wangEditor框架)的使用教程
2024-10-18 14:45:21
富文本的使用教程(wangEditor框架)
一,相信很多人用过很多富文本的框架,现在我向大家推荐一个很实用的一个富文本框架,具有丰富的功能项,容易使用。
所以本博客介绍这个富文本编辑器的使用哈!觉得写得不错的请点赞哈,有建议欢迎提哈!^V^
· 官网地址:ttp://www.wangeditor.com/
二,控件展示效果
haha 是不是很强大
三,使用步骤
所需js css包:
wangEditor.min.css
wangEditor.min.js
1,第一步就是引入js和css包了,必需的
<link rel="stylesheet" type="text/css" href="/css/wangedit/wangEditor.min.css">
<script src="/js/wangedit/wangEditor.js"></script>
2,初始化富文本框的js代码
<script>
var editor1 = new wangEditor("introduce1");
editor1.config.uploadImgUrl = "/imgView/uploadTmpImg/public.htm";//富文本上传图片的路径,不上传图片这里可以忽略
editor1.config.menuFixed = false;
editor1.create();
</script>
3,HTML代码
<div id="introduce1" style="height:300px;"></div>
4,获得文本框的内容方法
editor1.html();//得到内容
不足之处请给予指正谢谢♥
最新文章
- iOS 开发总结(上)
- 《Java程序设计与数据结构教程(第二版)》学习指导
- 在VMware中安装ubuntu出现菜单栏无法显示的情况
- SQL 2014新特性- Delayed durability
- TF Boys (TensorFlow Boys ) 养成记(六)
- Feathers JS – 基于 Express 构建数据驱动的服务
- 题目:求s=a+aa+aaa+aaaa+aa...a的值,其中a是一个数字。
- mysql外键实战
- PHP面向对象中常用的关键字和魔术方法
- com学习(四)——用 ATL 写第一个组件
- Red Gate Software 软件推荐
- [课程相关]homework-06
- page分页
- vim下设置tab
- 优先级队列Priority_queue
- SpringBoot2.x开发案例之整合Quartz任务管理系统
- ssh免密登陆配置
- Linux 网络命令找不到
- spring mvc自定义注解--访问时验证
- 将句子表示为向量(下):基于监督学习的句子表示学习(sentence embedding)
热门文章
- jar的解压与打包
- PHP学习笔记一:谁动了你的mail(),PHP?
- Selenium2+python-unittest之装饰器(@classmethod)
- 【转】Android:No implementation found for native
- week6:Diagnosing Bias vs. Variance难点记录
- Carthage 的使用
- NYOJ2—括号配对问题
- 简单部署iRedMail-0.9.8 - 邮件服务器架构和错误代码
- haproxy + lvs异同(优点-缺点)
- K2 BPM介绍(2)