1

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

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

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

但是当您查看所见即所得（实时）模式时，它会显示：

<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];    
    }
});

提前致谢！

4

0 回答 0