0

我已经在我正在处理的网站上设置了 CLeditor。目前我正在设置它,以便当您在编辑器中键入和编辑时,您可以在其上方看到结果的实时预览,这很像您在输入 StackOverflow 问题时得到的结果,尽管更基本。

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

...

我实际上在输入这个问题时想出了如何解决这个问题。不过,我会用我的解决方案发布这个问题。另外,我还有一个相关问题要补充。

最初我尝试将以下 CSS 应用于页面:

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

这适用于最初将数据加载到页面上,但在编辑器中动态更改对齐时,实时预览并未反映更改。起初我认为这是因为样式仅在加载时应用。

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

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

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

4

1 回答 1

0

将以下 CSS 应用于页面的实时预览效果很好:

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

不要忘记对左和中做同样的事情。

于 2012-05-31T21:44:45.923 回答