ckeditor4.6.2上传图片thinphp3.3.2
1.首先下载ckeditor4.6.2
2.编辑器不提供直接选择图片上传,我们先修改\plugins\image\dialogs模录下的image.js搜索“upload”可以找到这一段
id:'Upload',hidden:true
3.删除image.js中d.config.image_previewText||"...",把这个引号里的内容那个删除,这引号的内容就是预览框中的文字。
4.为编辑器设置上传路径
方法一: 在html页面,就是放编辑器的那个页面,添加定义,就是图片上传到的路径,“/控制器/方法名”
CKEDITOR.replace( 'editor', {
filebrowserImageUploadUrl : '{:U('Admin/img/ck_upload')}'
});
方法二:修改编辑器的config.js,加入config.filebrowserUploadUrl="上传路径";
{
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize = 3145728 ;// 设置附件上传大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->rootPath = './Public/Uploads/'; // 设置附件上传根目录
// 上传单个文件
$info = $upload->uploadOne($_FILES['upload']);
if( $info){
$desname =$info['savepath'].$info['savename'];
$previewname =" http://127.0.01/tym/Public/Uploads/".$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>";
}
}
ckeditor4.6.2上传图片thinphp3.3.2相关推荐
- CKEditor4.4.5 插入高度代码及上传图片
1.首先准备所需要的插件 (1). CKEditor4.4.5 下载地址:http://ckeditor.com/download.如果不想下载直接引用CKEditor的CDN也是可以的.cdn地址 ...
- 关于CKEditor4.5.6的使用,自定义toolbar配置,上传图片案例(SpringMVC+MyBatis案例),自定义行高,去编辑器的中内容,将编辑器中内容设置到指定的位置等
关于CKEditor的一个配置整理,改文件为config.js: 文件内容如下: /** * @license Copyright (c) 2003-2016, CKSource - Fred ...
- CKeditor4.7.3标准版图片上传及相关配置
说明 CKeditor版本 ckeditor_4.7.3_standard Tomcat版本 apache-tomcat-8.0.44 下载CKeditor和CKeditor文档 https://ck ...
- 自定义CKeditor上传图片按钮
背景:之前公司的项目中用的是KindEditor富文本编辑器,后来发现有上传漏洞,所以项目中用了CKeditor富文本编辑器.But 发现自带的上传图片按钮并不能将上传的图片保存到服务器上,So 下面 ...
- 关于ckeditor富文本编辑器上传图片返回“不正确的服务器响应”的解决方案
最新由于项目需要,使用了ckeditor富文本编辑器,需要上传图片.在使用过程中突然发现,原来的ckeditor返回图片地址的方式返回"不正确的服务器响应".当时感觉好奇怪啊.明明 ...
- vue使用CKEditor4编辑器
目录 工具安装 皮肤使用 占位符使用 调整编辑器的大小 增强图片上传 完整代码: 官网地址https://ckeditor.com/ckeditor-4/download/输入命令 npm insta ...
- php ckeditor 上传图片,CKEditor图片上传的PHP实现
编辑文章是网站后台的常用功能,CKEditor是目前流行的富文本编辑器,它使用方便但要做一些配置才能实现上传本地图片到服务器的功能.在参考了一篇java下CKEditor图片上传的博文后,我用PHP实 ...
- 富文本编辑器 CKeditor 配置使用+上传图片
参考文献: 富文本编辑器 CKeditor 配置使用 CKEditor与CKFinder的配置(ASP.NET环境),老版本可以参考 CKEditor+CKFinder ASP版在本地电脑中的配置 ...
- CKEditor上传图片
转载链接:https://blog.csdn.net/saytime/article/details/51416411 前言 CKEditor其实不需要多介绍,最早之前叫FCKEditor,后面改名了 ...
最新文章
- AltiumDesigner 热焊盘铺铜
- asp.net中URL参数传值中文乱码的三种解决办法
- boost::movelib::default_delete相关用法的测试程序
- mybatis初始化过程
- 7 种 JavaScript 技巧使你更聪明
- gettype_PHP gettype()函数与示例
- each函数循环数据表示列举,列举循环的时候添加dom的方法
- Android客户端与服务器之间传递json数据
- Fragment与Activity传递数据
- 收集灵感必备|文字这样组合排版那才叫设计
- iOS百度地图的相关开发(一)
- VisualBrush
- Google 对战微软阿里,AIoT 进入“战国时代”!
- 当遭遇TCP洪水(SYN Flood)后的的诊断思路和处理过程
- VUE+element-ui开发出的美观好看的登录注册模板组件 集成方便
- ARM开发经典学习网站推荐【转】
- 电信猫的无线无法连接服务器,光纤猫连接路由器无法上网怎么办
- css 点击事件击穿
- 爬取天气时常用的城市代码(备忘)
- T3:LOJ2332「JOI 2017 Final」焚风现象.cpp