游客

标题:Yii Framework结合CKEditor在线编辑器实现图片上传功能
正文:
这几天做的一个项目中需要在所见即所得编辑器中实现图片上传的功能，我因为比较喜欢CKEditor的界面而选择了它。虽然有跟CKEditor配合良好的CKFinder，不过这个东东的功能太复杂，简单看了下CKEdtior的文档，发现这个功能还是可以自己实现而不用借助CKFinder的。下面代码虽然基于Yii Framework的，但是用其他框架或者语言思路却是完全一样的，有需要的童鞋可以参考一下。首先要让CkEditor出现图片上传的功能，需要配置编辑器的filebrowserImageUploadUrl属性：代码如下:CKEDITOR.replace( 'editor1',
{
filebrowserUploadUrl : '/uploader/upload.php',
filebrowserImageUploadUrl : 'http://camnpr.com/uploader/upload.php?type=Images'
});
然后在对应的URL上实现图片上传的功能，并向CKEditor返回特定格式的HTML代码，CKEditor就能正常预览并插入图片了。
下面只截取控制器的部分代码，Controller部分我是这样实现的：代码如下:/**
* 保存上传的图片
*
* @return string javascript code
* @author lfyzjck
**/
public function actionImg($type, $CKEditor, $CKEditorFuncNum, $langCode = 'zh-cn')
{
if(empty($CKEditorFuncNum) || $type != 'Images'){
$this->mkhtml($CKEditorFuncNum,
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页