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

CKEditor 4:图像属性对话框和自定义预览图像,ckeditor,Ckeditor,为了让您了解最新情况,我设置了我的CKEditor实例,以便在查看所见即所得(live)模式时,将图像的实际URL替换为所见即所得(live)模式[image:abc123] 例如,在HTML源代码视图中,您可以看到: <img src="[image:abc123]" /> 提前谢谢 <img src="/file/image/abc123" /> CKEDITOR.on('dialogDefinition', function(evt) { if (evt

为了让您了解最新情况,我设置了我的CKEditor实例,以便在查看所见即所得(live)模式时,将图像的实际URL替换为所见即所得(live)模式
[image:abc123]

例如,在HTML源代码视图中,您可以看到:

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

<img src="/file/image/abc123" />
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];    
    }
});