CKEditor 是一個開源的富文本編輯器，而 CKFinder 是用于文件管理和上傳的插件。這兩個工具可以很方便地集成在一起，以實現更強大的編輯和文件管理功能。
要使用 CKEditor 與 CKFinder，首先需要下載并安裝它們的相應版本。然后在你的項目中引入這兩個工具的文件。
在使用 CKEditor 時，你需要在頁面中創建一個 textarea 元素，并將其轉換為一個 CKEditor 實例。你可以通過簡單的 JavaScript 代碼來實現這一步驟。例如：
ClassicEditor
.create( document.querySelector( '#editor' ) )
.catch( error => {
console.error( error );
} );
在使用 CKFinder 時，你需要在 CKEditor 的配置中指定 CKFinder 的路徑，并為文件上傳設置相應的配置。例如：
ClassicEditor
.create( document.querySelector( '#editor' ), {
ckfinder: {
uploadUrl: '/ckfinder/connector?command=QuickUpload&type=Files&responseType=json'
}
} )
.catch( error => {
console.error( error );
} );
通過以上步驟，你就可以在你的項目中使用 CKEditor 與 CKFinder，并實現富文本編輯和文件管理的功能。
