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

标签 css image plugins ckeditor

对于我的网站,我们使用自定义样式表,这些样式表本地存储在我们的服务器上并注入(inject)到网页中。但是,当我将它们添加到 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 的全尺寸显示。

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

最佳答案

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

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

关于css - 应用自定义样式后,增强型图像插件无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29751507/

相关文章:

jquery - 如何控制动态加载到iframe中的内容的CSS?

html - Bootstrap 3 网格移动 View .span6?

html - 简单的 HTML/CSS 定位问题

c# - 如何使用 C# 正确创建缩略图?

python - 更改与确定颜色接触的样本像素的颜色 - python

image - 如何相对于另一个轴定位图形中的轴?

flash - 操作系统 X : How to alter WebKit's plugin search path?

css - span 元素中的背景图像与另一个元素背景图像重叠

iphone - Javascript 文件链接不正确?

jQuery:插件方法,我如何将东西传递给它们?