我希望有人能给我一些想法。
我有一个CKEditor 3.6对话框,其中包含单个html类型的元素并加载外部页面(或实际上是正文html内容)。该页面的样式表由MediaWiki 1.17资源加载器加载。我的问题是CKEditor外观优先于样式表。在firebug中,我什至可以禁用CKEditor样式,并查看页面如何获得其原始形状。
有没有办法为此对话框禁用CKEditor样式表或降低其优先级?
或其他解决方法?
任何想法将不胜感激。

更新:那么简单的问题是如何删除继承了CSS的设计属性?

最佳答案

请使用Firebug进行检查:

打开对话框窗口,然后右键单击包含外部内容的HTML元素,然后选择“检查元素”。

在Firebug中,选择HTML面板,然后选择右侧的“样式” Pane ,并确保未选中“仅显示应用的样式”选项。

看一下样式 Pane 的右侧,其中显示了每个样式块的源文件,您是否看到您的样式表(来自资源加载器)提供了某些样式?

样式表中的样式是否都具有贯穿它们的行以指示它们已被覆盖?

过去,我曾使用过HTML和样式 Pane 中的信息来为样式创建更具针对性的选择器,您也许可以使用该方法来覆盖编辑器样式。

请提供使用的代码:

外部HTML内容(包括任何类和ID或样式)的结构是什么?

整个块是否包含在容器(div或表)中?

通过外部页面的<body>标记可以定位您的任何样式吗?

对于对话框代码,您可以删除任何功能,除非它与.addClass()一样相关。只需显示选项卡的结构,如下所示:

CKEDITOR.dialog.add( 'Plugin Name', function( editor )
{
  return {
    title : Plugin.title,
    minWidth : 350,
    minHeight : 230,
    contents : [
      {
        id : 'TabId',
        label : Lang.TabId,
        title : Lang.TabId,
        elements :
        [
          {
            id : 'ElementId',
            type : 'html',
            label : Lang.ElementId,
            title : Lang.ElementId,
            style : 'text-align: center;',
            html : '<div>' + Some Content + '</div>',
            children :
            [

查看代码将使回答问题变得更加容易。

好吧

关于javascript - 如何禁用CKEditor对话框外观?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7518415/

10-16 22:10