jquery富文本在线编辑器UEditor

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

UEditor的功能非常强大,官方已配备了php,asp,asp.net,java等语言的上传程序,拿来就可以使用,当然ueditor更具有功能插件接口,很轻松地添加自己定义功能到编辑器中,方便项目的不同需求。

使用方法

因为本插件是百度「FEX前端研发团队」开发,在官方有较强细的中文文档,本站做的目的只是让朋友们知道有这么个好插件而已,因此文档手册、下载、实例全链接到官方。

下载你需的要的语言版本,然后解压,在解压目录建立一个名为demo的html文件,代码如下

<!DOCTYPE HTML>
<html>
<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>

OK,完成以上工作,用浏览器打开demo.html,如果你看到以下的画面,那么恭喜你,初次部署成功!

下载地址: 官方下载

时间: 2024-11-10 13:58:58

jquery富文本在线编辑器UEditor的相关文章

富文本HTML编辑器UEditor

Baidu百度开源富文本HTML编辑器UEditor JS代码网 发表于: 2013-10-30 分类:HTML编辑器  点击:2133  UEditor是由百度web前端研发部开发所见即所得富文本HTML编辑器,功能非常强大,几乎 你想到的功能都有,同时还具有轻量,可定制,注重用户体验等特点,开源基于BSD协议, 允许自由使用和修改代码. 主要特点: 1.功能全面 涵盖- 阅读全文 国内知名HTML编辑器KindEditor JS代码网 发表于: 2013-10-28 分类:HTML编辑器  

富文本web编辑器(UEditor)

展示效果: 代码方式: 百度富文本web编辑器 引入文件: 1 <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> 2 <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js

基于bootstrsp的jquery富文本编辑器的手册说明

重点:当在页面插入文本编辑器后,无法用js/jq的方式去将某些值写入到文本编辑器,如:$("textarea").val("111");$("textarea").text("111");... Summernote提供了指定的方式:$("textarea").Summernote().code('111');这是赋值,取值也可这样:$("textarea").Summernote().

UEditor富文本web编辑器

UEditor是由百度web前端研发部开发所见即所得,前几天把公司原来的富文本编辑器换成百度的了,可以把秀米制作的样式 整个复制到文本编辑器中,原汁原味... 到官网看了文档,其实很简单,就简单的配置下就可以了,如图... 在.net中需添加js: <script src="../../../ueditor/ueditor.config.js"></script> <script src="../../../ueditor/ueditor.all

KindEditor富文本框编辑器上传图片功能实现,基于java项目

1. HTML标签与jquery代码 <textarea id="editor_id" style="width: 200px; height: 200px;"></textarea> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/java

在jsp页面中添加富文本编译器(ueditor)+ 图片上传功能

一次老大让我把文本的编辑区域加一个富文本编译器,于是马上下载了一个kindEditor来试试,但后来老大推荐说百度的ueditor编译器不错,于是我便怀着扩展知识,又学到一个新东西的心理下载了百度的ueidtor编译器,整合到项目中感觉确实不错,今天就和大家分享下这个富文本编译器的使用-- 第一步:首先下载ueditor编译器,地址:http://ueditor.baidu.com/website/ 下载完解压之后就这个: 第二步:我会把文件名utf-8-jsp这个文件名改为ueditor,然后

UEditor富文本WEB编辑器自定义默认值设置方法

1.在使用UEditor编辑器编写内容时你会发现,当输入的内容较多时,编辑框的边框高度也会自动增加,若希望输入内容较多时以拉框滚动的效果. 方法:找到Ueditor文件根目录下的ueditor.config.js,用编译器打开,看到282~286行代码如下: //scaleEnabled //是否可以拉伸长高,默认true(当开启时,自动长高失效) //,scaleEnabled:false //,minFrameWidth:800 //编辑器拖动时最小宽度,默认800 //,minFrameH

百度在线编辑器ueditor的使用

1.引入ueditor文件包到项目中(官网下载,分为utf-8还有gbk等好多版本,自己看着下) 2.把ueditor引入到jsp页面中,可参考百度提供的示例 <script type="text/javascript" charset="utf-8" src="${basePath }js/ueditor/ueditor.config.js"></script> <script type="text/ja

富文本框编辑器 推荐kindeditor

官方:http://kindeditor.net/index.php