如何在CKEditor中插入img并始终添加指向全尺寸图像的链接

如何在CKEditor中插入img并始终添加指向全尺寸图像的链接,ckeditor,Ckeditor,我已经启动并运行了CKEditor,但我希望在插入图像时,会自动出现一个标记,如下所示: <a href="/cms2/media/image/versuch(4).jpg"><img alt="" src="/cms2/media/image/versuch(4).jpg" style="width: 1620px; height: 1080px;" /></a> 如何操作?您需要收听图像对话框关闭的声音,关闭后,您需要自己插入标签。这非常类似于,我从

我已经启动并运行了CKEditor,但我希望在插入图像时,会自动出现一个
标记,如下所示:

<a href="/cms2/media/image/versuch(4).jpg"><img alt="" src="/cms2/media/image/versuch(4).jpg" style="width: 1620px; height: 1080px;" /></a>


如何操作?

您需要收听图像对话框关闭的声音,关闭后,您需要自己插入标签。这非常类似于,我从那里复制并编辑了代码:

CKEDITOR.on('dialogDefinition', function(ev) {
    // Take the dialog name and its definition from the event data
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;

    if (dialogName == 'image') {
       dialogDefinition.onOk = function(e) {
          var imageSrcUrl = e.sender.originalElement.$.src;

          // HERE create your image element
          // Note that you will need to insert the width and height too!
          // Examine the available variables and DOM on how to do this.
          // I won't do it for you :)
          var htmlimg = '<img src="' + imageSrcUrl + '" style="width:100px;" />';
          var htmlstring = '<a href="' + imageSrcUrl + '">' + htmlimg + '</a>';

          CKEDITOR.instances.YOURINSTANCENAMEHERE.insertHtml(htmlstring);
       };
    }
}
CKEDITOR.on('dialogDefinition',函数(ev){
//从事件数据中获取对话框名称及其定义
var dialogName=ev.data.name;
var dialogDefinition=ev.data.definition;
如果(dialogName=='image'){
dialogDefinition.onOk=函数(e){
var imageSrcUrl=e.sender.originalElement.$.src;
//在这里创建您的图像元素
//请注意,您还需要插入宽度和高度!
//检查可用变量和DOM,了解如何执行此操作。
//我不会为你做的:)
var htmlimg='';
var htmlstring='';
CKEDITOR.instances.YOURINSTANCENAMEHERE.insertHtml(htmlstring);
};
}
}

请与我们分享您的尝试。请不要将代码转储到评论中。用新信息更新您的原始帖子。这不是上载,而是插入。此外,如果你在提问后阅读问题,并亲自看看它是否有意义,格式是否正确,也会有所帮助。
CKEDITOR.on('dialogDefinition', function(ev) {
    // Take the dialog name and its definition from the event data
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;

    if (dialogName == 'image') {
       dialogDefinition.onOk = function(e) {
          var imageSrcUrl = e.sender.originalElement.$.src;

          // HERE create your image element
          // Note that you will need to insert the width and height too!
          // Examine the available variables and DOM on how to do this.
          // I won't do it for you :)
          var htmlimg = '<img src="' + imageSrcUrl + '" style="width:100px;" />';
          var htmlstring = '<a href="' + imageSrcUrl + '">' + htmlimg + '</a>';

          CKEDITOR.instances.YOURINSTANCENAMEHERE.insertHtml(htmlstring);
       };
    }
}