wangEditor

轻量化 web 富文本框
授权协议 GPL
开发语言 JavaScript TypeScript HTML/CSS
所属分类 Web应用开发、 可视化HTML编辑器
软件类型 开源软件
地区 国产
投 递 者 穆修杰
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

wangEditor 是一款基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费

兼容常见的 PC 浏览器:Chrome,Firefox,Safar,Edge,QQ 浏览器,IE11。

不支持移动端。

  • 父组件 richText.vue <template> <div> <div class="editorBox"> <editor ref="editor" :catchData="catchData" :content="contentHTML"></editor> </div> </div> </template> <script type="text/javascript

  • 一、什么是富文本编辑器? 相信很多小伙伴都用过富文本编辑器。富文本编辑器(Rich Text Editor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器。可以实现很多功能,如改变字体颜色,插入图片视频等,应用十分广泛。市场上主流的编辑器也有不少,如TinyMCE,CKEditor,wangEditor等。每一款都有独特的地方,只有使用过才体会深刻。今天,我们主要介绍wangEditor。因

  • 项目中用到了wangEditor,遇到了两个非常奇葩的问题 1、在进行内容输入的时候,输入中文,总是会将第一个字母变成英文展示到文本区域,去官网试了一下,发现也有这个问题,暂时的解决办法就是 text(val) { if (val&&val!='<p><br/></p>') { this.editor.config.focus = true this.

  • wangeditor自定义图片视频上传 完整代码 <template> <div style="border: 1px solid #ccc;height: 100%;"> <Toolbar :editor="editorRef" :default-config="toolbarConfig" :mod

  • 1. wangEditor5介绍 wangEditor5 —— 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。 官网:www.wangEditor.com 2. 下载 注意: wangeditor都是小写字母 // 下面两个依赖都需要安装 npm i @wangeditor/editor // 使用ts时,引入相关类型声明 npm i @wangeditor/ed

  • 安装 安装 editor yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --save 安装 Vue3 组件 yarn add @wangeditor/editor-for-vue@next # 或者 npm install @wangeditor/editor-for-vue@next --save 在组件中 如

  • 使用wangEditor上传图片,默认的上传serve,一直成功但是返回数据错误,可能是接口携带的参数有问题,此代码未被注释部分是我项目用到的配置,无视频,里面所有配置基本都加上,注释较多,请耐心观看 解决方法:自定义方法上传 import React, { useState, useEffect } from "react"; import "@wangeditor/editor/dist/cs

  • 我最近在前端项目中要用到富文本编辑器,找来找去发现wangEditor很不错,目前已经迭代到v5版本,WangEditor官方手册是纯中文文档,内容比较详细,非常值得推荐使用。 我使用react开发,但官方手册对react开发者写的手册不够详尽,在使用过程中还是折腾了不少时间,其中多次提交issue叨唠开发者,项目开发者王福朋都不厌其烦地帮我解决了,非常感谢。在此我写一篇在antd中使用wangE

  • 引入在package.js添加 "@wangeditor/editor": "^5.1.1", "@wangeditor/editor-for-vue": "^5.1.11", 创建组件 <template> <div style="border: 1px solid #ccc;height: 100%;"> <Toolbar :editor="e

  • 在vue中使用wangeditor wangeditor是一个轻量级富文本编辑器可见网址 一、v4版本使用 创建一个config.js文件: export default { menus: [ "head", "bold", "fontSize", // "fontName", "italic",

  • 前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有,很详细,分享给大家。 wangEditor自动获取焦点 官网:wangEditor 在onCreated加focus <template> <div style="border: 1px solid #ccc"> <Toolbar styl

 相关资料
  • 富文本是管理后台一个核心的功能,但同时又是一个有很多坑的地方。在选择富文本的过程中我也走了不少的弯路,市面上常见的富文本都基本用过了,最终权衡了一下选择了Tinymce。 这里在简述一下推荐使用 tinymce 的原因:tinymce 是一家老牌做富文本的公司(这里也推荐 ckeditor,也是一家一直做富文本的公司,新版本很不错),它的产品经受了市场的认可,不管是文档还是配置的自由度都很好。在使

  • 本文向大家介绍django轻松使用富文本编辑器CKEditor的方法,包括了django轻松使用富文本编辑器CKEditor的方法的使用技巧和注意事项,需要的朋友参考一下 前言 django是一个容易快速上手的web框架,用它来创建内容驱动型的网站(比如独立博客)十分方便。遗憾的是,django并没有提供官方的富文本编辑器,而后者恰好是内容型网站后台管理中不可或缺的控件。ckeditor是一款基于

  • “病理诊断”用的是一个wangedtior编辑器,在当前页下面有个按钮直接insertTxt就可以把文本插到“病理诊断”的编辑器内,但是右边的是另外一个按钮,点每一项,会调“病理诊断”页面内的一个函数也是插入一个文本,但是问题来了,好像因为右边的在另一个组件,点的时修改“病理诊断”就失去焦点了,所以插入不起作用,这个怎么解决?

  • 本文向大家介绍轻量级的Web框架Flask 中模块化应用的实现,包括了轻量级的Web框架Flask 中模块化应用的实现的使用技巧和注意事项,需要的朋友参考一下 Flask是一个轻量级的Web框架。虽然是轻量级的,但是对于组件一个大型的、模块化应用也是能够实现的,“蓝图”就是这样一种实现。对于模块化应用的实现,在Flask 0.2版本中进行了设计。本文暂时不对“蓝图”做详细的介绍,而是先从0.2版本

  • Django集成UEditor (封装成应用) 百度富文本编辑器 http://ueditor.baidu.com/website/ 使用效果 测试环境 ubuntu 16.04 python3.5.2 django1.11.7 目前测试解决了出现的以下两个问题,都是python版本问题 error1 # name 'file' is not defined controller.py 68行

  • 富文本编辑,又称为WYSIWYG(What You See Is What You Get,所见即所得)。在网页中编辑富文本内容,是人们对Web 应用程序最大的期待之一。虽然也没有规范,但在IE 最早引入的这一功能基础上,已经出现了事实标准。而且,Opera、Safari、Chrome 和Firefox 都已经支持这一功能。这一技术的本质,就是在页面中嵌入一个包含空HTML 页面的iframe。通