Javascript 强制CKEditor image2插件设置syle内部的宽度和高度

我使用的是CKEditor 4.4，我尝试使用ACF强制插件将

宽度

和

高度

设置为CSS属性（在

样式

属性中），而不是使用相应的

标记属性

换句话说，我现在使用

editor.getData（）

方法得到的结果如下：

这样，结果就是不再设置

宽度

和

高度

（既不是属性，也不是样式），图像无法调整大小，图像属性对话框不再包括与图像大小相关的输入框

我还试图扭转in提出的解决方案，但没有取得积极的结果

---

有人能帮我吗？

我通过覆盖image2插件的

downcast

和

upcast

方法（如建议的）解决了这个问题

调用

editor.getData（）

方法时，此方法在处理图像元素之前先对其进行处理

因此，以下代码表示一种可能的解决方案：

//Allow everything
config.allowedContent = {
    $1: {
        // Use the ability to specify elements as an object.
        elements: CKEDITOR.dtd,
        attributes: true,
        styles: true,
        classes: true
    }
};

config.disallowedContent = "img[width,height]";

---

我通过覆盖image2插件的

downcast

和

upcast

方法解决了这个问题（正如所建议的）

调用

editor.getData（）

方法时，此方法在处理图像元素之前先对其进行处理

因此，以下代码表示一种可能的解决方案：

//Allow everything
config.allowedContent = {
    $1: {
        // Use the ability to specify elements as an object.
        elements: CKEDITOR.dtd,
        attributes: true,
        styles: true,
        classes: true
    }
};

config.disallowedContent = "img[width,height]";

---

我通过覆盖image2插件的

downcast

和

upcast

方法解决了这个问题（正如所建议的）

调用

editor.getData（）

方法时，此方法在处理图像元素之前先对其进行处理

因此，以下代码表示一种可能的解决方案：

//Allow everything
config.allowedContent = {
    $1: {
        // Use the ability to specify elements as an object.
        elements: CKEDITOR.dtd,
        attributes: true,
        styles: true,
        classes: true
    }
};

config.disallowedContent = "img[width,height]";

---

我通过覆盖image2插件的

downcast

和

upcast

方法解决了这个问题（正如所建议的）

调用

editor.getData（）

方法时，此方法在处理图像元素之前先对其进行处理

因此，以下代码表示一种可能的解决方案：

//Allow everything
config.allowedContent = {
    $1: {
        // Use the ability to specify elements as an object.
        elements: CKEDITOR.dtd,
        attributes: true,
        styles: true,
        classes: true
    }
};

config.disallowedContent = "img[width,height]";

---

为什么要将它们设置为样式？多年来一直有人抱怨说，旧的图像插件使用样式，人们完全正确，因为通过样式表进行适当样式化使用的属性具有更大的威力，而且是正确的。那么你的情况是什么？用这么少的话解释有点复杂。。。我需要它们作为样式，因为我在其他上下文中使用它们，其中来自编辑器的数据用于其他HTML页面，外部样式表不能覆盖图像大小。我可以处理数据以将属性转换为样式，但我不知道如何…您可以覆盖image2的和方法。Image2在内部需要属性，但这些方法控制数据。您可以在事件上覆盖它们。我没有足够的时间来展示整个解决方案，但您应该能够通过查看代码来了解如何做到这一点。为什么要将它们设置为样式？多年来一直有人抱怨说，旧的图像插件使用样式，人们完全正确，因为通过样式表进行适当样式化使用的属性具有更大的威力，而且是正确的。那么你的情况是什么？用这么少的话解释有点复杂。。。我需要它们作为样式，因为我在其他上下文中使用它们，其中来自编辑器的数据用于其他HTML页面，外部样式表不能覆盖图像大小。我可以处理数据以将属性转换为样式，但我不知道如何…您可以覆盖image2的和方法。Image2在内部需要属性，但这些方法控制数据。您可以在事件上覆盖它们。我没有足够的时间来展示整个解决方案，但您应该能够通过查看代码来了解如何做到这一点。为什么要将它们设置为样式？多年来一直有人抱怨说，旧的图像插件使用样式，人们完全正确，因为通过样式表进行适当样式化使用的属性具有更大的威力，而且是正确的。那么你的情况是什么？用这么少的话解释有点复杂。。。我需要它们作为样式，因为我在其他上下文中使用它们，其中来自编辑器的数据用于其他HTML页面，外部样式表不能覆盖图像大小。我可以处理数据以将属性转换为样式，但我不知道如何…您可以覆盖image2的和方法。Image2在内部需要属性，但这些方法控制数据。您可以在事件上覆盖它们。我没有足够的时间来展示整个解决方案，但您应该能够通过查看代码来了解如何做到这一点。为什么要将它们设置为样式？多年来一直有人抱怨说，旧的图像插件使用样式，人们完全正确，因为通过样式表进行适当样式化使用的属性具有更大的威力，而且是正确的。那么你的情况是什么？用这么少的话解释有点复杂。。。我需要它们作为样式，因为我在其他上下文中使用它们，其中来自编辑器的数据用于其他HTML页面，外部样式表不能覆盖图像大小。我可以处理数据以将属性转换为样式，但我不知道如何…您可以覆盖image2的和方法。Image2在内部需要属性，但这些方法控制数据。您可以在事件上覆盖它们。我没有足够的时间来展示整个解决方案，但您应该能够通过查看代码来了解如何做到这一点。