2012-05-31 24 views
0

我已经在我正在处理的网站上设置CLeditor。目前,我正在设置它,以便在编辑器中键入和编辑时,可以在其上方看到结果的实时预览,很像输入StackOverflow问题时得到的结果,尽管更基本。CLeditor使用HTML'align'属性。我怎样才能改变CSS'文本对齐'?

它的工作原理是将iframe内容的内部HTML复制到页面上的另一个地方。不过,我遇到了一个恼人的问题。当我使用对齐按钮(左,中,右)时,它会将属性align="right"添加到所选文本。虽然它在编辑器中工作,但它不能在页面本身上工作,可能是因为该属性已经过时了。

...

我居然想出如何去解决这个问题,同时打字这个问题。不过,我会用我的解决方案发布这个问题。另外我有一个相关的问题来补充这一点。

本来我尝试采用以下CSS页面:

div[align="right"] { 
    text-align:right!important; 
    } 

这个工作对数据最初加载到页面上,但在编辑器中的动态变化调整,实时预览并不反映变化。起初我以为这是因为这些款式只在加载时才应用。

那么,这是一个大脑放屁,因为我知道比这更好。真正的问题是我选择了一个DIV元素,而align属性不一定适用于DIV。将div[align="right"]更改为*[align="right"]完美。

但是,即使我找到了解决这个特定问题的解决方法,我仍然无法弄清楚ctiveitor如何为iframe生成HTML输出。代码中的align属性来自哪里,它如何知道将它(和所有其他元素/属性)放入HTML中?如果我有一种操作方法,我可以简单地告诉它使用内联CSS进行对齐,而不是使用已弃用的HTML属性。请注意,我不希望启用cleditor的内置“useCSS”功能。

感谢您分享的任何信息,请不要因为我已经解决了最初的问题而低估这个问题。我希望这能够帮助别人,如果他们遇到同样的问题。 (我也会将我的答案作为答案发布)。

回答

0

应用下面的CSS页面的实时预览完美的作品:

*[align="right"] { 
    text-align:right!important; 
} 

不要忘了做同样的左边和中间的为好。

相关问题