应用自定义样式后，增强型图像插件无法正常工作

Question

对于我的网站，我们使用自定义样式表，这些样式表本地存储在我们的服务器上并注入到网页中。但是，当我将它们添加到 CKEditor，然后尝试使用增强型图像插件调整图像大小或移动图像时，它们根本无法调整大小或移动。有没有人遇到过这个问题？反正周围有吗？

编辑：所以我使用

添加我的 css 文件

config.contentsCss = ['http://fonts.googleapis.com/css?family=Droid+Sans',
 'http://fonts.googleapis.com/css?family=Bree+Serif',
  'http://fonts.googleapis.com/css?family=Droid+Sans+Mono',
   'http://192.168.0.50/css/new/all.css?v=1" media="all',
    'http://192.168.0.50/css/new/templates.css?v=1',
     'http://192.168.0.50/css/pre_review/colors.css?v=1',
      'http://192.168.0.50/css/pre_review/paged_test.css?v=2',
       'http://192.168.0.50/css/pre_review/bootstrap.min.css?v=1',
        'http://192.168.0.50/css/pre_review/main.css?v=1',
        'text/css'];

我还安装了 Enhanced Image 插件以允许我调整图像大小和移动图像。然而，当我在页面上插入图像时，源看起来像

<p><img alt="" height="239" src="http://icons.iconarchive.com/icons/yellowicon/game-stars/256/Mario-icon.png" width="239" /></p>

当我最初在弹出面板中设置图像宽度和高度时，我将值设置为 2 和 2，这些值对编辑图像的实际大小没有任何作用。它仍然以 239x 239 的全尺寸显示。

我知道是我添加的样式导致了这个错误，因为没有它们它也能正常工作，但我确实需要它们。反正有没有不必删除样式的方法？

Answer 1

首先，你的 contentsCss 有一些奇怪的部分，比如最后一项或这个 'http://192.168.0.50/css/new/all.css?v=1" media="all'。请验证这一切是否有效。不正确的规则可能会影响 CKEditor。

其次，问题可能非常简单 - 您的 CSS 很可能会影响小部件样式。禁止逐个加载 CSS 文件，看看哪个破坏了增强图像插件。然后找到打破它的规则，然后改进规则，使其不影响图像。

应用自定义样式后，增强型图像插件无法正常工作

Enhanced image plugin not working correctly when custom styles have been applied

css

plugins

image

ckeditor