thinkPHP下ueditor的使用方法详解

本文实例讲述了thinkPHP下ueditor的使用方法。分享给大家供大家参考，具体如下：

1、首先需要下载ueditor，下载地址：http://ueditor.baidu.com/website/download.html

2、下载对应的php版的，下载后重命名为ueditor，根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下，admin为后台的访问入口文件目录。

3、在项目中的使用

首先需要引入核心的js文件：

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>

然后再文件中加入<textarea>标签，注意设置id属性

代码如下:

<textarea name="content" id="EditorId"> </textarea>

接着是初始化编辑器，注意配置路径

<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";
window.onload=function(){
window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度
   window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度
   var editor = new UE.ui.Editor({
imageUrl : '__APP__/Editor/uploadImage',
fileUrl : '__APP__/Editor/uploadFile',
imagePath : '',
filePath : '',
imageManagerUrl:'__APP__/Editor/imageManage', //图片在线管理的处理地址
imageManagerPath:'__ROOT__/'
});
editor.render("EditorId");
}
</script>

注意：

1、UEDITOR_HOME_URL的路径配置为ueditor所在的位置。
2、图片上传路径的配置
3、editor.render("textarea的id一致");

至此一个便算基本完成。

但是，在IE9下，编辑器没有一点效果，这是怎么回事呢？

在IE9下，需要把

代码如下:

window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";

路径设置代码，放在引入js文件和初始化之间。

希望本文所述对大家基于thinkPHP框架的php程序设计有所帮助。

赞 (0)

相关推荐

  • ThinkPHP使用Ueditor的方法详解

    本文实例讲述了ThinkPHP使用Ueditor的方法.分享给大家供大家参考,具体如下: 相信很多人现在还在用着FCkeditor,以前我也在用,可是后来发现百度的Ueditor之后,发现,Ueditor比Fckeditor更好看,操作性上也比Fckeditor好多了,所以还是尝试着使用ueditor,但是在ThinkPHP框架下使用ueditor还是遇到了一些问题,也花费了一些时间去解决这些问题,这样,在这里写一个关于ThinkPHP下使用ueditor的教程,给需要使用的人. 1.在网站的根

  • thinkphp3.2嵌入百度编辑器ueditor的实例代码

    thinkphp3.2嵌入百度编辑器ueditor的实例代码

    本文介绍了thinkphp3.2嵌入百度编辑器ueditor,分享给大家,希望此文章对各位有所帮助 因为排版要求,很多时候我们需要嵌入富文本编辑器,输出带html标签的文本内容.因为我最近做一个后台管理系统,要求编辑好文本内容,让它输出带html标签的文本存到服务器,客户端发请求拿到服务器的带标签文本.我用的是ueditor, 1.首先我们去到这里http://www.jb51.net/codes/56667.html下载PHP版本utf版本. 把它放到Public的目录下. 2.我们在视图vi

  • ThinkPHP整合百度Ueditor图文教程

    ThinkPHP整合百度Ueditor图文教程

    ThinkPHP整合百度Ueditor,基于黄永成老师的视频说明的 申明:最好大家都能写绝对路径的都写好绝对路径比如:window.UEDITOR_HOME_URL 他在教程里面已经说了的,我就不再次说了啊,就一笔带过,好了不废话! 在调用编辑器的时候首先先初始化一些值: <script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_URL = "/Public/uedi

  • ThinkPHP中使用Ueditor富文本编辑器

    具体插件下载: http://ueditor.baidu.com/website/download.html#ueditor UEditor官方文档: http://ueditor.baidu.com/website/document.html 之前于 "ThinkPHP-代码" 案例中发布版本: http://www.thinkphp.cn/code/175.html UEditor解压于:PUBLIC/Ueditor下(同级目录有:Common,Conf,Lib,Tpl等) 例:在

  • thinkPHP下ueditor的使用方法详解

    本文实例讲述了thinkPHP下ueditor的使用方法.分享给大家供大家参考,具体如下: 1.首先需要下载ueditor,下载地址:http://ueditor.baidu.com/website/download.html 2.下载对应的php版的,下载后重命名为ueditor,根据需要放到对应的项目目录中.我放的位置为Public/admin文件夹下,admin为后台的访问入口文件目录. 3.在项目中的使用 首先需要引入核心的js文件: <script type="text/java

  • 对Xpath 获取子标签下所有文本的方法详解

    在爬虫中遇见这种怎么办 想提取名称, 但是 名称不在一个标签里 使用xpath string()方法 例如 data.xpath("string(path)") path -- 你xpath提取的路径 这里提取到父标签 string() 方法会提取子标签多有的文本内容. 以上这篇对Xpath 获取子标签下所有文本的方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • vant/vue实现小程序下拉刷新功能方法详解

    首先先把van-list控件放入列表项中 <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <list-nav :list="list"></list-nav> </van-list> data(){ return{ list: [],

  • Nginx下ThinkPHP5的配置方法详解

    本文主要给大家介绍了关于Nginx下ThinkPHP5的配置方法,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍: url里public目录的隐藏 出于安全的考虑,TP5的入口文件改成放在public下了,因为这样的话能防止被恶意用户访问到"/thinkphp/"."/vendor/"等等这些目录下的文件.所以当你以之前的习惯将网站documentroot配置为项目根目录的时候就会需要在url后面加上/public/来访问.当然可能也会有童鞋把入口文件放

  • thinkphp框架使用JWTtoken的方法详解

    本文实例讲述了thinkphp框架使用JWTtoken的方法.分享给大家供大家参考,具体如下: 简介 一:JWT介绍:全称JSON Web Token,基于JSON的开放标准((RFC 7519) ,以token的方式代替传统的Cookie-Session模式,用于各服务器.客户端传递信息签名验证. 二:JWT优点: 1:服务端不需要保存传统会话信息,没有跨域传输问题,减小服务器开销. 2:jwt构成简单,占用很少的字节,便于传输. 3:json格式通用,不同语言之间都可以使用. 三:JWT组成

  • windows下python安装pip方法详解

    windows下python安装pip方法详解

    1.前提 你要已经安装了 某个 版本的 python, (下载地址 https://www.python.org/downloads/) 安装后,需要配置python.exe 的环境变量,否则在 输入 python指令时,会出现如图错误 配置环境变量 鼠标右键我的电脑  -> 属性 -> 高级系统设置 -> 环境变量 -> 编辑PATH -> 在最后面加上我们的Python安装路径 -> 点击确定 注意:Path 路径最后要加上 分号 :      例如我的路径 C:\

  • thinkPHP多语言切换设置方法详解

    thinkPHP多语言切换设置方法详解

    本文实例讲述了thinkPHP多语言切换设置方法.分享给大家供大家参考,具体如下: thinkphp多语言设置有点'高大上',为什么说它有点'高大上'呢?因为本人设置了好久才弄好,而本人之所以弄了好久的原因,竟然是因为'开启语言设置必须得先开启初始化系统的行为类',所以,在这里,因为本人的经验有限,姑且认为tp的多语言设置必须的先初始化tp的CheckLangBehavior.class.php 怎么初始化CheckLangBehavior.class.php呢?下面进行讲解. tp框架下面,所

  • centos7系统nginx服务器下phalcon环境搭建方法详解

    本文实例讲述了centos7系统nginx服务器下phalcon环境搭建方法.分享给大家供大家参考,具体如下: 之前我们采用的是Apache服务器,可是每秒响应只能达到2000,听说nginx可以轻易破万, 于是换成nginx试试. phalcon的官网有nginx重写规则的示例,可是却与apache的不一致,被坑了好久. 1.添加nginx源 vi /etc/yum.repos.d/nginx.repo [nginx] name=nginx repo baseurl=http://nginx.

  • 读写Android中assets目录下的文件的方法详解

    读写Android中assets目录下的文件的方法详解

    Android资源文件大致可以分为两种: 第一种是res目录下存放的可编译的资源文件: 这种资源文件系统会在R.java里面自动生成该资源文件的ID,所以访问这种资源文件比较简单,通过R.XXX.ID即可: 第二种是assets目录下存放的原生资源文件: 因为系统在编译的时候不会编译assets下的资源文件,所以我们不能通过R.XXX.ID的方式访问它们.那我么能不能通过该资源的绝对路径去访问它们呢?因为apk安装之后会放在/data/app/**.apk目录下,以apk形式存在,asset/r

  • linux下配置yum源方法详解

    本人使用的方法一,成功配置,方法二没测过,可以作为参考 方法一: 1.确保RHEL5中已经安装了yum [root@lvs-master ~]# rpm -qa |grep yum yum-metadata-parser-2-el5 yum-updatesd-9-el5 yum-22-el5 yum-security-16-el5 yum-rhn-plugin-4-el5 2.修改源配置文件 #vim /etc/yum.repos.d/CentOS-Base.repo (如果目录下没有.repo

随机推荐