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 回答