记录.net使用ueditor富文本编辑器
UEditor是什么
最近在在项目的时候使用到了百度的富文本编辑器。官网有详细的操作流程文档。这里我只是记录项目中常用到的一些事件。以便日后可以方便查询。
UEditor是百度的一个javascript编辑器的开源项目。支持Php、Asp、Asp.Net 、Jsp多种后台配置。这里记录的是Asp的写法。具体的做法可查看官网有详细的文档。
官网传送:https://ueditor.baidu.com/website/
UEditor的引用
首先,下载最新版本https://ueditor.baidu.com/website/download.html#ueditor
其次,在需要用的界面引用ueditor.config.js和ueditor.all.js
1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>ueditor demo</title> 7 </head> 8 9 <body> 10 <!-- 加载编辑器的容器 --> 11 <script id="container" name="content" type="text/plain"> 12 这里写你的初始化内容 13 </script> 14 <!-- 配置文件 --> 15 <script type="text/javascript" src="ueditor.config.js"></script> 16 <!-- 编辑器源码文件 --> 17 <script type="text/javascript" src="ueditor.all.js"></script> 18 <!-- 实例化编辑器 --> 19 <script type="text/javascript"> 20 var ue = UE.getEditor('container'); 21 </script> 22 </body> 23 24 </html>
然后,设置和读取编辑器的内容
1 ar ue = UE.getContent(); 2 //对编辑器的操作最好在编辑器ready之后再做 3 ue.ready(function() { 4 //设置编辑器的内容 5 ue.setContent('hello'); 6 //获取html内容,返回: <p>hello</p> 7 var html = ue.getContent(); 8 //获取纯文本内容,返回: hello 9 var txt = ue.getContentTxt(); 10 });
最后,判断富文本编辑是是否录入信息。
1 var IsHas = ue.hasContents(); 2 if (IsHas == false) { //为false时内容为空。} 3 else if (IsHas == true) { //为false时内容不为空。 }
转载于:https://www.cnblogs.com/ZengJiaLin/p/9604111.html
记录.net使用ueditor富文本编辑器相关推荐
- java 接收前台富文本_前后端分离ueditor富文本编辑器的使用-Java版本
最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j ...
- QT QWebEngineView+UEditor富文本编辑器
QT QWebEngineView+UEditor富文本编辑器 一.简述 记--简单使用QWebEngineView+UEditor富文本编辑器实现一个简单的编辑器,支持图片(支持右键粘贴,支持直接拖 ...
- Ueditor富文本编辑器
Ueditor富文本编辑器 Ueditor富文本编辑器插件应用步骤如下: 1.引入css和js文件 2.设置承载标签 设置富文本编辑器的承载标签,必须设置id属性.一般使用textarea或scrip ...
- ueditor富文本编辑器过滤了代码,如何取消?
后台UEditor富文本编辑器,编辑的代码被强制过滤,并被强制修改成<p>标签?导致前台页面效果不对? ueditor富文本编辑器,虽然好用,但是很多时候,如果没有足够的使用经验,一般是很 ...
- MVC 使用 Ueditor富文本编辑器
一.Ueditor 1.下载Ueditor富文本编辑器 官方下载地址: http://ueditor.baidu.com/website/download.html 建议下载开发版,此处我下载的是 . ...
- java 百度副文本_spring boot 、springMVC环境集成百度ueditor富文本编辑器
spring-boot-mvc-ueditor-qiniu spring boot .springMVC环境集成百度ueditor富文本编辑器,使用七牛云存储图片 依赖库版本: spring boot ...
- php引入百度Ueditor富文本编辑器
php引入百度Ueditor富文本编辑器 文本编辑器插件内容丰富,比起传统的textarea标签输入要好用很多,看看如何在页面实现引入吧 1.下载适合的资源包(可以去官网下载适合的版本),我是php引 ...
- ueditor富文本编辑器使用百度地图自定义动态地图组件及兼容https及http协议
ueditor富文本编辑器默认支持百度地图组件,但是如果导入动态地图后会加很多默认的地图组件在上面.如果需要自定义动态地图的组件则需要修改ueditor特定的html. ueditor百度地图组件所在 ...
- UEditor富文本编辑器不显示问题
项目场景: vue中if判断后使用文本编辑器(误区) 问题描述: 在div中使用v-if判断是否显示UEditor富文本编辑器,在判断为true的情况下富文本编辑器并未加载出. <!-- 判断富 ...
- UEditor 富文本编辑器-后端实现文件上传功能
一.背景 前端使用 UEditor 富文本编辑器,前后端分离情况下,需要后端提供一个接口实现文件上传功能 本文根据文章:vue+Ueditor集成 [前后端分离项目][图片.文件上传][富文本编辑] ...
最新文章
- html手机端全屏显示和溢出问题
- 国内主流IT公司Field Sales销售薪资 来自著名猎头公司内部信息 给IT的朋友们知道个行情 - 天涯...
- 深度学习的三种硬件方案:ASIC,FPGA,GPU;你更看好?
- 手动制作python的exe可执行程序
- [云炬创业学笔记]第一章创业是什么测试12
- Eclipse Server runtime设置里找不到apache tomcat的处理方法
- 函数调用关系图如何画_彩铅画入门植物教程 | 如何用彩铅画一株多肉?多肉彩铅画教程步骤图详细...
- 【MySQL】 如何在“海啸”下保命
- Mybatis使用之 Caused by: org.apache.ibatis.type.TypeException: Could not resolve type alias‘User’
- Python爬虫之环境安装
- java reactor例子_ProjectReactor响应式编程入门例子
- 阿里面试题(含内推)
- WebService学习之如何使用实体对象作为参数
- 《java入门第一季》之面向对象(成员方法)
- Emacs学习笔记(二)
- 16. M601 低功耗测试
- 5G NR SSB概述
- Android OpenGL ES视频渲染(一)GLSurfaceView
- PS 2019 Mac版 自学入门系列(三)——插入对象
- js提交成功后,清空表单
热门文章
- 求Python字典最小(最大)values对应的key
- springboot 整合JWT token验证机制
- JAVA发送邮件案例
- ecs云服务器搭建php,云服务器 ecs怎么配置php
- Caffe官方例程之 特征可视化python代码 (filter visualization notebook)
- 基础知识(四)C++常用函数.txt
- 感知器分类模型回顾与python实现
- JSARToolKit5文档翻译
- linux编辑复制多行命令,linux下文本编辑器vim的使用,复制-粘贴-替换-行号-撤销-多文件操作...
- java收到邮件后短信提醒_java邮件发送和短信发送(二)