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

时间:2015-04-20 15:02:32

标签: css image plugins ckeditor

对于我的网站,我们使用本地存储在我们服务器上的自定义样式表,并将其注入到网页中。但是,当我将它们添加到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'];

我还安装了增强型图像插件,允许我调整大小并移动图像。但是当我在页面上插入图像时,源代码就像

<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的全尺寸显示。

我知道这是我添加的样式导致此错误,因为它没有它们工作正常,但我确实需要它们。无论如何都在这周围而不必删除样式?

1 个答案:

答案 0 :(得分:0)

首先,您的contentsCss有一些奇怪的部分,例如最后一项或此'http://192.168.0.50/css/new/all.css?v=1" media="all'。请确认所有这些都有效。不正确的规则可能会影响CKEditor。

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