[转] http://fex.baidu.com/ueditor/

UEditor 介绍

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

1 入门部署和体验

1.1 下载编辑器

到官网下载 UEditor 最新版：[官网地址]

1.2 创建demo文件

解压下载的包，在解压后的目录创建 demo.html 文件，填入下面的html代码

<!DOCTYPE HTML>

<html lang="en-US">

<head>

    <meta charset="UTF-8">

    <title>ueditor demo</title>

</head>

<body>

    <!-- 加载编辑器的容器 -->

    <script id="container" name="content" type="text/plain">

        这里写你的初始化内容

    </script>

    <!-- 配置文件 -->

    <script type="text/javascript" src="ueditor.config.js"></script>

    <!-- 编辑器源码文件 -->

    <script type="text/javascript" src="ueditor.all.js"></script>

    <!-- 实例化编辑器 -->

    <script type="text/javascript">

        var ue = UE.getEditor('container');

    </script>

</body>

</html>


1.3 在浏览器打开demo.html


如果看到了下面这样的编辑器，恭喜你，初次部署成功！




1.4 传入自定义的参数


编辑器有很多可自定义的参数项，在实例化的时候可以传入给编辑器：




var ue = UE.getEditor('container', {

    autoHeight: false

});






配置项也可以通过 ueditor.config.js 文件修改，具体的配置方法请看前端配置项说明


1.5 设置和读取编辑器的内容


通 getContent 和 setContent 方法可以设置和读取编辑器的内容




var ue = UE.getContent();

//对编辑器的操作最好在编辑器ready之后再做

ue.ready(function() {

    //设置编辑器的内容

    ue.setContent('hello');

    //获取html内容，返回: <p>hello</p>

    var html = ue.getContent();

    //获取纯文本内容，返回: hello

    var txt = ue.getContentTxt();

});




 
												


											
UEditor富文本编辑器的使用 http://fex.baidu.com/ueditor/的更多相关文章
	

    
								
  1. UEditor富文本编辑器简单使用
		
    UEditor富文本编辑器简单使用 一.下载地址:https://ueditor.baidu.com/website/ 官网中并没有 python 版本的 UEditor 富文本编辑器,本文简单介绍  ...
    
		
    2. 
						
  2. django之百度Ueditor富文本编辑器后台集成
		
    Python3 + Django2.0 百度Ueditor 富文本编辑器的集成 百度富文本编辑器官网地址:http://fex.baidu.com/ueditor/ 疑问:为什么要二次集成? 答案:因 ...
    
		
    3. 
						
  3. MVC 使用 Ueditor富文本编辑器
		
    一.Ueditor 1.下载Ueditor富文本编辑器 官方下载地址: http://ueditor.baidu.com/website/download.html 建议下载开发版,此处我下载的是 . ...
    
		
    4. 
						
  4. 百度ueditor富文本编辑器的使用
		
    百度ueditor富文本编辑器的使用 //以下为我在官网下载的ueditor v1.3.5 php版的大楷配置步骤第一步: //配置文件的引入应该比功能文件先引入,最后设置语言类型.即:editor. ...
    
		
    5. 
						
  5. 前后端分离ueditor富文本编辑器的使用-Java版本
		
    最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j ...
    
		
    6. 
						
  6. ASP.NET MVC5  中百度ueditor富文本编辑器的使用
		
    随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor, ...
    
		
    7. 
						
  7. PHP如何搭建百度Ueditor富文本编辑器
		
    本文为大家分享了PHP搭建百度Ueditor富文本编辑器的方法,供大家参考,具体内容如下 下载UEditor 官网:下载地址 将下载好的文件解压到thinkphp项目中,本文是解压到PUBLIC目录下 ...
    
		
    8. 
						
  8. ueditor富文本编辑器使用百度地图自定义动态地图组件及兼容https及http协议
		
    ueditor富文本编辑器默认支持百度地图组件,但是如果导入动态地图后会加很多默认的地图组件在上面.如果需要自定义动态地图的组件则需要修改ueditor特定的html. ueditor百度地图组件所在 ...
    
		
    9. 
						
  9. WEB项目中使用UEditor(富文本编辑器)
		
    Ueditor富文本编辑器是在很多项目里经常用到的框架,是百度开发团队开发的一款很好用的富文本编辑器 下面就是我在一个系统里用到的,有了富文本编辑器,管理员使用起来不是很方便? 所以本博客介绍这个富文 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 请求静态文件，返回http状态码405，not allowed
			
    昨天在首页加了一个链接,点击这个a标签,会进入http://121.43.68.40/boxpro/template/addsite.pdf,测试环境完全没有问题,上传到正式服务器之后,点击A标签,死 ...
    
			
    2. 
						
  2. JS兼容各个浏览器的本地图片上传即时预览效果\、
			
    在firefox\chrome\ie10等浏览器中可以使用HTML5中的内容实现图片即时预览效果,在IE10以下浏览器中使用滤镜来解决图片显示问题. HTML5中的FileReader对象主要是把文件 ...
    
			
    3. 
						
  3. centos中如何寻找Nginx，Apache，PHP，mysql的配置路径
			
    很多小伙伴都可能会碰到安装好环境之后忘记了或者不知道怎么查看配置环境的文件路径了, 下面我就来介绍centos中nginx.apache.php.mysql配置文件路径查看方法吧. 1.判断apach ...
    
			
    4. 
						
  4. struts2实现文件的上传和下载实例[转]
			
    实现原理 Struts 2是通过Commons FileUpload文件上传. Commons FileUpload通过将HTTP的数据保存到临时文件夹,然后Struts使用fileUpload拦截器 ...
    
			
    5. 
						
  5. 初识Spring security-无Security的SpringMVC
			
    百度百科定义: Spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架.它提供了一组可以在Spring应用上下文中配置的Bean,充分利用了 ...
    
			
    6. 
						
  6. java深入探究14-lucene
			
    项目代码:链接:http://pan.baidu.com/s/1qXVcfCw 密码:apw1 01 回顾索引 定义:索引是对数据库表中一列或多列的值进行排序的一种结构 目的:加快对数据库表中记录的查 ...
    
			
    7. 
						
  7. Kafka详解五：Kafka Consumer的底层API- SimpleConsumer
			
    问题导读 1.Kafka如何实现和Consumer之间的交互?2.使用SimpleConsumer有哪些弊端呢? 1.Kafka提供了两套API给Consumer The high-level Con ...
    
			
    8. 
						
  8. 19条ANDROID平台设计规范平台设计规范
			
    1.尺寸以及分辨率: Android的界面尺寸比较流行的有:480*800.720*1280.1080*1920,我们在做设计图的 时候建议是以 480*800的尺寸为标准: 2.界面基本组成元素:  ...
    
			
    9. 
						
  9. Request对象获得参数方法:query和body方法
			
    express框架Request对象获得参数方法:query和body方法 req.query 该属性用法很简单,直接获取地址栏传递的参数:例如: //引入依赖 var express = requi ...
    
			
    10. 
						
  10. JAVA动态代理的全面深层理解
			
    Java 动态代理机制的出现,使得 Java 开发人员不用手工编写代理类,只要简单地指定一组接口及委托类对象,便能动态地获得代理类.代理类会负责将所有的方法调用分派到委托对象上反射执行,在分派执行的过 ...
    
			
    11.