CKEditor 4：图像属性对话框和自定义预览图像

Question

为了让您快速上手，我已经设置了我的CKEditor实例，以便在查看WYSIWYG（实时）模式时[image:abc123]被替换为图像的实际URL。

例如，在HTML源代码视图中，您会看到：

<img src="[image:abc123]" />

但是当你查看WYSIWYG（实时）模式时，它会显示：

<img src="/file/image/abc123" />

这一切都很有效。我现在遇到的一个问题是当您在图像属性中编辑图像时。由于图像不存在，它显示红色x。

http://img405.imageshack.us/img405/104/jzny.png

我的问题是，有没有办法自定义“图像属性”对话框，如果它与[image:abc123]匹配，它会在“预览”窗口中加载不同的图像URL？

这段代码不起作用，但可能会让我更清楚我想要在这里实现的目标。

CKEDITOR.on('dialogDefinition', function(evt) {
    if (evt.data.name == 'image') {
        var image_url = ???;
        var preview_image = ???;
        var file_id = image_url.value.match(/\[image:([a-zA-Z0-9-]+)\]/);
        if (file_id)
            preview_image.src = '/file/image/' + file_id[1];    
    }
});

提前致谢！