下面是一个使用ckfinder的简单编程案例，该案例展示了如何使用ckfinder上传和浏览文件。
```html
CKEDITOR.replace('editor');
$(document).ready(function() {
$('#browseButton').click(function() {
CKFinder.popup({
chooseFiles: true,
onInit: function(finder) {
finder.on('files:choose', function(evt) {
var file = evt.data.files.first();
var url = file.getUrl();
CKEDITOR.instances.editor.insertHtml('');
});
finder.on('file:choose:resizedImage', function(evt) {
var url = evt.data.resizedUrl;
}
});
});
});
```
在上面的案例中，我们首先引入了CKFinder和CKEditor的库文件。在页面中创建了一个textarea元素作为编辑器，并使用CKEDITOR.replace()函数将其转换为富文本编辑器。
接下来，我们在页面中添加了一个按钮，用于触发浏览文件的操作。当用户点击该按钮时，我们使用CKFinder.popup()函数打开一个文件浏览对话框。在这个对话框中，用户可以选择要上传的文件。
一旦用户选择了文件，CKFinder将触发'files:choose'事件或'file:choose:resizedImage'事件。我们在这两个事件中获取用户选择的文件，并将其URL插入到编辑器中，以显示所选文件的预览。
