要使用FCKeditor上傳圖片,您需要進行以下步驟:
確保您已經下載并安裝了FCKeditor的最新版本。
在您的HTML頁面中,將FCKeditor編輯器嵌入到一個textarea元素中。確保您已經包括了所需的腳本文件。
<textarea id="editor1" name="editor1"></textarea>
<script type="text/javascript">
var editor = new FCKeditor('editor1');
editor.BasePath = '/path/to/fckeditor/'; // 替換為您的FCKeditor所在路徑
editor.ReplaceTextarea();
</script>
在服務器上創建一個用于存儲上傳文件的目錄。確保該目錄對于Web服務器可寫。
在FCKeditor的配置文件(config.js)中配置上傳圖片的選項。打開config.js文件,在其中找到以下行:
FCKConfig.ImageUpload = true;
確保該行被設置為true,以允許上傳圖片。
示例處理程序文件(upload.php)的內容如下:
<?php
if(isset($_FILES['NewFile']) && $_FILES['NewFile']['error'] == 0) {
$uploadDir = '/path/to/upload/directory/'; // 替換為您的上傳目錄路徑
$fileName = $_FILES['NewFile']['name'];
$tmpName = $_FILES['NewFile']['tmp_name'];
$filePath = $uploadDir . $fileName;
if(move_uploaded_file($tmpName, $filePath)) {
$url = 'http://yourdomain.com/uploads/' . $fileName; // 替換為您的上傳文件的URL
echo '<script type="text/javascript">window.parent.OnUploadCompleted(0,"' . $url . '");</script>';
} else {
echo '<script type="text/javascript">window.parent.OnUploadCompleted(1,"Error uploading file.");</script>';
}
}
?>
確保將/path/to/upload/directory/
替換為您創建的實際上傳目錄的路徑,并將http://yourdomain.com/uploads/
替換為您的上傳文件的URL。
FCKConfig.ImageUploadURL = '/path/to/upload.php'; // 替換為您的處理程序文件的URL
現在,您應該可以使用FCKeditor上傳圖片了。點擊工具欄中的“插入/編輯圖像”按鈕,在彈出的對話框中選擇“上傳”選項,選擇要上傳的圖片文件,然后點擊“上傳”按鈕即可。上傳成功后,圖片將被插入到編輯器中。