最近用thinkphp做一個項目,用到了富文本編輯器,一個文本編輯器沒有圖片上傳功能等同沒有一樣,在網站找到了很多相關的方法但是沒有一個合適的,在自己不斷努力想將網站的方法整理了一樣實現了自己想要的功能,好了廢話不多說了將代碼展示給大家.

1.下載ckeditor編輯器

這是ckeditor文件夾的基本結構。

2.將其解壓到PUBLIC文件夾下

在文件中引用ckeditor.js

3.創建一個文本域

<!-- <textarea name="myEditor" id="myEditor" ></textarea>-->

在文本域下面寫如下代碼:

1. CKEDITOR.replace( 'myEditor', 
2. { 
3. filebrowserBrowseUrl : '__PUBLIC__/ckfinder/ckfinder.html', 
4. filebrowserImageBrowseUrl : '__PUBLIC__/ckfinder/ckfinder.html?Type=Images', 
5. filebrowserFlashBrowseUrl : '__PUBLIC__/ckfinder/ckfinder.html?Type=Flash', 
6. filebrowserUploadUrl : '__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', 
7. filebrowserImageUploadUrl : '__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', 
8. filebrowserFlashUploadUrl : '__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash' 
9. }); 

myEditor部分是在后臺用來接收文本域的值用的.

4.此時的編輯器沒有上傳圖片的功能,接下來我們配置文本編輯器的上傳圖片的功能

在文件的頭部引用ckfinder.js,引用完以后我們只差一步了,接下來我們配置一下,ckfinder/config.php

找到“$baseUrl”是上傳圖片的路徑,此路徑是相對與根目錄的.

1. $baseUrl = '/ziji/public/upload/'; 
2. 查找CheckAuthentication將false更改為true  //開啟上傳圖片的功能。 
3. function CheckAuthentication() 
4. { 
5.   return false; 
6. } 

此時的文本編輯器已經有上傳的功能了.