TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析
时间:2022-07-27
本文章向大家介绍TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文实例讲述了TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法。分享给大家供大家参考,具体如下:
最近项目里要添加编辑器,以为CKeditor比较出名,所以研究了一下。。。
1、下载编辑器什么的不用说了
2、修改config配置文件
config.image_previewText=' ';
config.filebrowserImageUploadUrl = 'uploadFiles';
添加这两行代码,上面的是去除预览中的一堆没有用的东西,下面的是上传文件的方法名,
注意:::方法名是和你页面展示在一个控制器里的
3、控制器里添加如下代码:
//编辑器上传图片处理
public function uploadFiles()
{
$upload = new ThinkUpload();// 实例化上传类
$upload- maxSize = 3145728 ;// 设置附件上传大小
$upload- exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload- rootPath = './Uploads/img/'; // 设置附件上传根目录
// 上传单个文件
$info = $upload- uploadOne($_FILES['upload']);
if( $info){
$desname =$info['savepath'].$info['savename'];
$previewname =" http://www.cjp.com/Uploads/img/".$desname;
$callback = $_REQUEST["CKEditorFuncNum"];
echo "<script type='text/javascript' window.parent.CKEDITOR.tools.callFunction($callback,
'".$previewname."','');</script ";
}else{
echo "<font color="red"size="2" *文件格式不正确(必须为.jpg/.gif/.bmp/.png文件)</font ";
}
}
然后就没有然后了。。。
那个,HTML页面引入的话,直接引入如下代码:
<script type="text/javascript" src="__PUBLIC__/ckeditor/ckeditor.js" </script
<textarea rows="30" cols="50" name="body" </textarea
<script type="text/javascript" CKEDITOR.replace('body');</script
不过样式什么的我没有配置,大家自主发挥一下想象吧
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
- 安卓端渗透工具DVHMA:自带漏洞的混合模式APP
- 小萝莉说Crash(二): Unrecognized selector xxx 之 ForwardInvocation
- 5分钟教程:如何通过UART获得root权限
- 源码级剖析PHP 7.2.x GD拒绝服务漏洞
- 美女程序媛发福利,读懂ANR的trace文件So easy
- Openshift高阶探索实验
- 卡卡卡!小萝莉告诉你开发iOS应用如何避免卡顿
- Bugly即将支持的ANR,精神哥告诉你是个什么鬼?
- Go语言Goroutine与Channel内存模型
- 手把手教 | 深度学习库PyTorch(附代码)
- 如何定位Obj-C野指针随机Crash(一):先提高野指针Crash率
- 如何定位Obj-C野指针随机Crash(二):让非必现Crash变成必现
- 六种开发环境部署大全:基于Openshift
- 手把手教你由TensorFlow上手PyTorch(附代码)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- linux解决ping通但端口不通的问题
- (译)SDL编程入门(13)透明度混合
- 基于centos宝塔面版的安装Discuz! Q方法
- 如何在Linux中的特定时间运行命令
- composer 安装过程中,提示404错误
- Linux初始化系统盘后重新挂载数据盘方法
- 在页面部分没有发现字符集声明,请增加该声明
- Linux使用Sudo委派权限
- linux实现定时备份mysql数据库的简单方法
- linux确认已经卸载数据盘并可以新建自定义镜像
- 在Linux中查看进程占用的端口号
- Linux里Makefile是什么?它是如何工作的?
- 详解Linux文件系统:ext4及更高版本
- Linux设置虚拟内存的教学与实战教程
- 详解Linux服务器状态、性能相关命令