这篇文章给大家介绍怎么在TP3.2.3框架中使用CKeditor编辑器上传图片,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
1、下载编辑器什么的不用说了
2、修改config配置文件
config.image_previewText=' ';
config.filebrowserImageUploadUrl = 'uploadFiles';
添加这两行代码,上面的是去除预览中的一堆没有用的东西,下面的是上传文件的方法名,
注意:::方法名是和你页面展示在一个控制器里的
3、控制器里添加如下代码:
//编辑器上传图片处理
public function uploadFiles()
{
$upload = new \Think\Upload();// 实例化上传类
$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>
关于怎么在TP3.2.3框架中使用CKeditor编辑器上传图片就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。