百度ueditor富文本编辑器的使用
//以下为我在官网下载的ueditor v1.3.5 php版的大楷配置步骤
第一步:
//配置文件的引入应该比功能文件先引入,最后设置语言类型。即:editor.config.js==>editor.all.min.js==>lang/zh-cn/zh-cn.js

<script type="text/javascript" src="ueditor/editor.config.js"></script>
<script type="text/javascript" src="ueditor/editor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

第二步:
//在网页中应用文本宽的地方

<textarea name="content" id=" content ">
这里写你的初始化内容
</textarea>
<script type="text/javascript">
UE.getEditor(' content '); //'content' 为上边文本框的ID值
</script>

第三步:
在配置文件(editor.config.js)下修改全局路径(三种方案):
1) var URL = window.UEDITOR_HOME_URL || "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";

2) window.UEDITOR_HOME_URL = "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
3) var URL ="/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
//其实最终目的就是让URL的值为网站根目录到ueditor的路径字符串(*以 “/” 结束)

第四步:
工具栏工具设置:
单行:
toolbars:[["bold","italic","undo","redo"]]
多行:
toolbars:[["bold","italic"],["undo","redo"],["insertimage"]]
第五步:

//对编辑器默认参数配置
,autoFloatEnabled:false //工具栏浮动
,elementPathEnabled:false //左下角显示元素路径
,autoHeightEnabled:false // 是否自动长高,默认true,设为false当超界时显示滚动条
,maximumWords:10000 //允许的最大字符数
,initialFrameWidth:750 //初始化编辑器宽度,默认1000
,initialFrameHeight:400 //初始化编辑器高度,默认320
,wordCount:true //是否开启字数统计
,textarea:content //设置默认文本框内容的name属性,也可在对应的html中设置name属性

  

//==========================ueditor的文件目录说明===================================//
dialogs 编辑器弹出框的内容都在在里面。不可删除,不建议移动该目录
lang 编辑器语言国际化支持,如果你想增加韩语、日语等支持可以在这里添加。 不可删除,不建议移动该目录
php/jsp/.net 服务器端处理程序,各个版本该目录名字不一样,jsp版本叫jsp,以此类推。可删除,这需要你自己开发相关程序;可移动,前提是要更改对应的上传路径!!!
themes 编辑器皮肤目录。不可删除,不建议移动该目录
third-party 编辑器以来第三方包。不可删除,不建议移动该目录
editor.all.js 编辑器打包后的文件,开发环境用该文件。不可删除,不建议移动该文件
editor.all.min.js 编辑器打包后的压缩版本,产品环境用该文件。不可删除,不建议移动该文件
editor.config.js 编辑器配置文件。不可删除,不建议移动该文件(一般将其备份在之际配置一份)
ueditor.parse.js
ueditor.parse.min.js
index.html 可以在服务器中直接大楷这个文件,他是一个官方给的实例

百度ueditor富文本编辑器的使用的更多相关文章

  1. ASP.NET MVC5 中百度ueditor富文本编辑器的使用

    随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor, ...

  2. PHP如何搭建百度Ueditor富文本编辑器

    本文为大家分享了PHP搭建百度Ueditor富文本编辑器的方法,供大家参考,具体内容如下 下载UEditor 官网:下载地址 将下载好的文件解压到thinkphp项目中,本文是解压到PUBLIC目录下 ...

  3. django之百度Ueditor富文本编辑器后台集成

    Python3 + Django2.0 百度Ueditor 富文本编辑器的集成 百度富文本编辑器官网地址:http://fex.baidu.com/ueditor/ 疑问:为什么要二次集成? 答案:因 ...

  4. vue集成百度UEditor富文本编辑器

    在前端开发的项目中.难免会遇到需要在页面上集成一个富文本编辑器.那么.如果你有这个需求.希望可以帮助到你 vue是前端开发者所追捧的框架,简单易上手,但是基于vue的富文本编辑器大多数太过于精简.于是 ...

  5. 百度UEditor(富文本编辑器)的基础用法

    百度的这个编辑器挺强大的,这里只是用他的文本功能,没有介绍上传图片视频的. 我用是的SSH来写的项目. 1. 把下载的UEditor(ueditor1_4_3_1-utf8-jsp)解压后全部复制到W ...

  6. 百度UEditor富文本编辑器去除过滤div等标签

    将设计排版好的页面html代码上传到数据库,再读取出来的时候发现所有的div都被替换成了p标签. 解决方法: 首先在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代 ...

  7. 百度UEditor富文本编辑器去除自动追加p标签

    本篇文章还原了我在遇到这个问题时的解决过程: 找到ueditor.all.js文件,搜索 me.addInputRule(function(root){ 或者直接搜索 //进入编辑器的li要套p标签 ...

  8. vue2.x结合百度UEditor富文本编辑器

    1.首先下载UEditor源码(https://ueditor.baidu.com/website/),将整个文件放到static文件夹中 2.在src/components文件夹下创建公共组件UEd ...

  9. 百度Ueditor富文本编辑器 .net版本 任意文件上传执行漏掉修复

    问题描述: 借由上传网络图片功能中可传递可执行文件.后台代码中只做了文件类型的检测未能正确的拦截掉非法文件. 只需将上传地址改为 XXXXXX.jpg?.aspx最终服务上最终存储的文件会变为XXXX ...

随机推荐

  1. ios 按钮常见属性

    1.UIButton状态: UIControlStateNormal          // 正常状态    UIControlStateHighlighted     // 高亮状态    UICo ...

  2. C# 创建数组的几种方法

    第一种 string[] myArray=new string[10]; 第二种 string[] myArray={"1","2"}; 第三种 string[ ...

  3. Java多线程-新特征-锁

    Java中读写锁有个接口java.util.concurrent.locks.ReadWriteLock,也有具体的实现ReentrantReadWriteLock,详细的API可以查看JavaAPI ...

  4. c++中的const参数,const变量,const指针,const对象,以及const成员函数

    const 是constant 的缩写,“恒定不变”的意思.被const 修饰的东西都受到强制保护,可以预防意外的变动,能提高程序的健壮性.所以很多C++程序设计书籍建议:“Use const whe ...

  5. JQuery使用on绑定动态生成元素时碰到的问题

    今天在写界面时,希望对一些由JS代码动态添加的html标签进行事件绑定,使用了jquery 1.6+才提供的on函数.我的JQ版本是1.9.2. 以下这段代码是动态生成的. <div class ...

  6. 【servlet3.0新特性】Annotation注解配置

    servlet3.0新特性Servlet3.0引入的若干重要新特性,包括异步处理.新增的注解支持.可插性支持等等,为读者顺利向新版本过渡扫清障碍.Servlet3.0新特性概述Servlet3.0作为 ...

  7. 线程间使用socket通信的计算器

    该程序是处理平时的算数运算,程序也没有什么特别之处,只是将所有运算分开运算,每个函数(线程)处理不同的运算符号里面的运算,然后将所有结果都汇总到main函数中进行最后汇总(相加减)运算,每个函数内都处 ...

  8. vb listview 的常用操作

    常用操作:获取当前行数和列数: MsgBox "行数:" & ListView1.ListItems.Count & "列数:" & L ...

  9. mojo 接口示例

    <pre name="code" class="python">use Mojolicious::Lite; use JSON qw/encode_ ...

  10. 菜鸟级SQL Server21天自学通(文档+视频)

    SQL语言的主要功能就是同各种数据库建立联系,进行沟通.按照ANSI(美国国家标准协会)的规定,SQL被作为关系型数据库管理系统的标准语言.SQL语句可以用来执行各种各样的操作,例如更新数据库中的数据 ...