ckeditor的使用实例

1、编辑器下载：

https://pan.baidu.com/s/1ex3zCVuQsMz8opk75zadPw

2、静态页面中加载 ckeditor.js

<script src="__PUBLIC__/ckeditor/ckeditor.js" type="text/javascript"></script>

3、初始化并添加图片上传

<script>
CKEDITOR.replace('ckeditor',{
filebrowserImageUploadUrl : "{:U('portal/index/uploadimg')}",
language : 'zh-cn',
});
</script>

4、上传代码

        $extensions = array("jpg","bmp","gif","png");  $uploadFilename = $_FILES['upload']['name']; $uploadFilesize = $_FILES['upload']['size'];$extension = pathInfo($uploadFilename,PATHINFO_EXTENSION);  if(in_array($extension,$extensions)){  $uploadPath ="./uploadfile/";  $uuid = date("YmdHis").rand(11111,99999).".".$extension;  $desname = $uploadPath.$uuid;$previewname = 'domain'.'/uploadfile/'.$uuid;$tag = move_uploaded_file($_FILES['upload']['tmp_name'],$desname);  $callback = $_REQUEST["CKEditorFuncNum"];echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($callback,'$previewname','');</script>";  }else{echo "文件格式不正确";  }

转载于:https://www.cnblogs.com/mracale/p/9076980.html

ckeditor的使用实例相关推荐

前端开发基础知识汇总
一.HTML 1.前言与常用标签浏览器内核备注 IE Trident IE.猎豹安全.360极速浏览器.百度浏览器 firefox Gecko 可惜这几年已经没落了,打开速度慢.升级频繁.猪一样 ...
Spring Cloud微服务系统架构的一些简单介绍和使用
Spring Cloud 目录特征云原生应用程序 Spring Cloud上下文:应用程序上下文服务引导应用程序上下文应用程序上下文层次结构改变Bootstrap的位置Properties ...
常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例...
目前市面上用的比较多的富文本编辑器有: FreeTextBox 一个有很多年历史的富文本编辑器了,使用简单,而且一般的使用是免费的,但是不开源,上传图片上传附件等功能没有,扩展性差. CuteEdit ...
php页面运用文本编辑器的实例,TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析...
本文实例讲述了TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法.分享给大家供大家参考,具体如下: 最近项目里要添加编辑器,以为CKeditor比较出名,所以研究了一下... 1.下载 ...
ckeditor粘贴word文档图片的实例解析
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper. 通过知乎提供的思路找到粘贴的原理,通过TheViper找 ...
Ueditor和CKeditor 两款编辑器的使用与配置
一丶ueditor 百度编辑器 1.官方文档,演示,下载地址:http://ueditor.baidu.com/website/index.html 2.百度编辑器的好:Editor是由百度web前端 ...
12.HTML编辑器（CKEditor、CKFinder集成）
CKEditor原名为FckEditor,是著名的HTML编辑器,可以在线编辑HTML内容. 配置参考文档:主要将ckeditor中的lang.plugins.skins.ckeditor.js.co ...
CKEditor的安装与基本使用
http://blog.csdn.net/liananse/article/details/6320617 CKEditor的安装与基本使用(JSP) 文章分类:Web前端一.下载CKEditor ...
ckeditor 在dwz里面使用
在ckeditor的配置的过程中,所有的配置的地方都配置了,但是就是不显示编辑器(编辑器代码如下),很郁闷哦 1 <textarea id="editor1" name=&q ...

ckeditor的使用实例

ckeditor的使用实例相关推荐

最新文章

热门文章