Question

获取包含RichText控件的xpage（这是Domino 8.5.3，因此我们使用的是ck-editor）。用户通常使用表来构建其RT内容。一个请求是确保这些表具有唯一的格式esp。关于cellspacing和cellpadding。

通过Firebug我看到那些插入的表正在使用html属性设置它们的border和cell *参数。当然，由于编辑器中的html是使用“manual”html创建的，因此xsp引擎在这里没有太大影响。

在我们开始编写一些客户端js以尝试删除或操纵这些属性之前：也许有人对我们如何实现这一目标有一个巧妙的想法？

Answer 1

由于RichText控件的输出是AFAIK，总是在<div>内使用一个名为"domino-richtext"的类进行渲染，因此可以使用CSS来获得您正在寻找的相同外观（在至少我认为＆＃34;独特＆＃34;你的意思是相同或统一）。

我在下方粘贴了一个HTML结构，其中用户添加了一些cellspacing和cellpadding：

<div class="domino-richtext xspInputFieldRichText" id="view:_id1:inputRichText1">
  <table cellspacing="1" cellpadding="2" border="1" dir="ltr">
    <tbody>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      ...
    </tbody>
  </table>
  <p dir="ltr">Some more content besides the table...</p>
</div>

在主题或样式表中应用/定义以下样式时，在RT控件中创建的所有表都将看起来相同。

.domino-richtext table {
    border-collapse:collapse; /*remove spacing or padding when defined*/
}

.domino-richtext table tbody tr td,
.domino-richtext table thead tr th {
    padding: 0; /*define / remove padding*/
    border:1px solid #eee; /*border definition for all tables*/
}

如何使用css格式化存储在Rich Text控件（ckeditor）中的表？

1 个答案: