我可以在zk(zk WYSIWYG Editor)中使用CKEditor上传图片吗?

时间:2011-08-03 13:41:12

标签: image upload ckeditor zk

因为使用zk upload组件上传图片,然后将图片的上下文路径插入CKEditor太复杂了,

http://ckeditor.com/demo,你可以看到CKEditor可以上传图片和flash等,

但是在zk中,CKEditor没有此功能,

是指zk中的CKEditor无法上传文件吗?

1 个答案:

答案 0 :(得分:1)

我担心zk无法做到这一点。

我写了一个解决方法来做到这一点。您必须在GUI中添加一个按钮,并将此EventListener添加到按钮:

private class onUpload implements EventListener
{
    @Override
    public void onEvent(Event event) throws Exception
    {
        Media media = ((UploadEvent) event).getMedia();

        if (media.getContentType().contains("image"))
        {
            reader.upload(media.getStreamData(), media.getName());

            String description = edDescription.getValue();
            description += "<img alt=\"\" src=\"/" + media.getName() + "\" />";
            edDescription.setValue(description);
        }
        else
        {
            new Messagebox().show(_T("You can only upload images!"), _T("Not an image!"), Messagebox.OK, Messagebox.ERROR);
        }
    }
}

Reader是我的类,它处理文件传输,用于将数据写入docroot。在我的例子中,可以使用以下代码找到glassfish 3.1的docroot。我为ist编写了方法getDocFolder(),因为它还为每个用户添加了子文件夹(如果它们尚不存在)。

 File file = new File("../docroot/");

这是读者上传方法的代码:

InputStream inputStream = null;

    try
    {
        inputStream = new ByteArrayInputStream(imageStream);
        String filename = getDocFolder()+"/"+imageName;

        File file = new File(filename);
        OutputStream out=new FileOutputStream(file);
        byte buf[]=new byte[1024];
        int len;

        while((len = inputStream.read(buf)) > 0)
            out.write(buf,0,len);

        out.close();
        inputStream.close();
    } 
    catch (Exception ex)
    {
        Logger.getLogger(ImageReader.class.getName()).log(Level.SEVERE, "Error writing image", ex);
    } 
    finally
    {
        try
        {
            inputStream.close();
        } 
        catch (IOException ex) {}
    }

我希望这会有所帮助