我希望有人能给我一些想法。
我有一个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/