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的使用实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。