集成wangEditor

发表于2021-06-19|更新于2026-02-24

|浏览量:

寿命的缩短与思想的虚耗成正比。——达尔文

wangEditor：Typescript 开发的 Web 富文本编辑器，轻量、简洁、易用、开源免费

html里集成wangEditor非常简单

<div id="div1"></div>
<script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script>
<script>
	var E = window.wangEditor;
	var editor = new E("#div1");
	editor.create();
</script>

只需要上方几行代码即可完成

如果我们需要获取富文本中的内容

使用editor.txt.html()即可

前端

相关推荐

2024-10-29

typescript-exercises（三）

青年人的教育是国家的基石。——富兰克林题面： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970/*Intro: Since we already have some of the additional information about our users, it's a good idea to output it in a nice way.Exercise: Fix type errors in logPerson function. logPerson function should accept both User and Admin and should output relevant information according to the input: occupation for User an...

2020-06-30

jQuery的ajax

今天公司实习生问我jQuery的ajax怎么写，这玩意不是很简单吗 12345678910111213$.ajax({ url: "/cowBeer", //url method: "post", //请求方式 contentType: "application/json", //参数类型 data: JSON.stringify({ //这里面是参数 "name":"cowBeer" }), success: function (res) { console.log(res); //处理返回的数据 }, error: function (res) { //错误处...

2021-12-04

Promise

人活在世，不过一场美丽的寄居。——简嫃在前端开发中经常会使用异步方法这里介绍Promise函数定义方式： 12345// Promise内部构造参数为一个闭包，闭包中传入你想要异步处理的逻辑new Promise((resolve,reject)=>{ // 这里resolve表示正常处理异步逻辑后传送回调，reject则是异常逻辑或错误逻辑时执行，当异步方法中抛出异常，会自动调用reject，这里也可以手动调用 resolve(1)}) 然后定义完了，我们就可以开始调用调用写法如下： 12345678new Promise((resolve,reject)=>{ // 假设我这里异步方法处理完后得到的结果为1，我就传入一个1 resolve(1)}).then(res=>{ // 然后异步方法执行完了，我再对结果进行异步处理，让得到的1再加一个1 console.log(res+1)}) 使用then可以执行异步方法后续处理，将异步方法的回调的结果作...

2024-09-21

vue2-elm

谨慎的行动要比合理的言论更重要。——西塞罗 vue2-elm 是一个基于 Vue.js 2.x 和 ElementUI 实现的仿饿了么外卖平台项目，主要用于学习 Vue.js 的实际开发。这是一个大型的单页面应用项目，涵盖了用户登录、餐馆信息展示、购物车功能、订单生成等核心功能。通过该项目，开发者可以深入学习 Vue.js 在实际场景中的应用，并理解如何构建和优化大型单页面应用。项目的主要功能模块包括：首页展示：展示外卖商家列表及其信息。商家详情页：展示某个商家的详细信息，包括商品分类和详细的评价信息。购物车功能：用户可以添加、删除商品，并结算订单。用户登录及个人中心：支持用户登录、查看订单历史等功能。地图定位及地址选择：基于百度地图 API 实现了用户地址选择和地理位置的定位功能。这个项目使用了 Vue.js 前端框架，并通过 Vuex 来管理应用状态。它还结合了 Vue Router 来实现页面的动态路由切换，用户体验接近于原生 APP。官方文档和 GitHub 地址 GitHub 仓库：bailicangdu/vue2-elm vue2-...

2025-09-15

HeroUI

美丽庄严强大，这里有活跃的人生。——王统照 HeroUI：打造漂亮、极速、现代化的 React UI 库体验在构建现代 Web 应用时，组件库绝对是开发者生产力的“加速器”。如果你正在寻找一个美观、性能卓越、易用且现代化的 React UI 组件库，HeroUI（原 NextUI）绝对值得你深入了解和体验！项目简介HeroUI 是一个专为 React 打造的现代 UI 组件库，主打“Beautiful, fast and modern”。它极致美观、响应迅速，拥有丰富的组件体系和高度的可定制性，适合构建各种风格的前端项目。仓库地址：heroui-inc/heroui 官网：https://heroui.com 主要语言：TypeScript Star 数：26,383+ Fork 数：1,933+ 标签：component-library components library reactjs 许可协议：MIT 为什么选择 HeroUI？高颜值设计：官方主打“Beautiful”，所有组件设计风格简洁、时尚，适合各种现代 Web 应用。极致性能：底层优...

2022-03-09

Array.prototype.fill()

新的方法和概念，常常比解决问题本身更重要。——华罗庚我们在前端开发中，可以使用fill函数来快速构建数组 1Array(5).fill(1,1,4) 得到的是这样一个数组： 1[, 1, 1, 1, ] 这里参数fill(value,start,end)也是可以省略的 12345678910111213141516[1, 2, 3].fill(4); // [4, 4, 4][1, 2, 3].fill(4, 1); // [1, 4, 4][1, 2, 3].fill(4, 1, 2); // [1, 4, 3][1, 2, 3].fill(4, 1, 1); // [1, 2, 3][1, 2, 3].fill(4, 3, 3); // [1, 2, 3][1, 2, 3].fill(4, -3, -2); // [4, 2, 3][1, 2, 3].fill(4, NaN, NaN); // [1, 2, 3][1, 2, 3].fill(4, 3...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中