Question

我正在尝试设置在CKEditor中创建的表的默认属性。

例如，有没有办法确保属性边框为0而不是1，或者默认宽度设置为100％。

Answer 1

你走了。 dialogDefinition事件解决了问题：

CKEDITOR.on( 'dialogDefinition', function( ev ) {
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;

    if ( dialogName == 'table' ) {
        var info = dialogDefinition.getContents( 'info' );

        info.get( 'txtWidth' )[ 'default' ] = '100%';       // Set default width to 100%
        info.get( 'txtBorder' )[ 'default' ] = '0';         // Set default border to 0
    }
});

CKEDITOR.replace( 'editor1' );

更多内容阅读：

This official guide将帮助您使用对话框API（也可以使用 devtools 插件）。
Devtools plugin非常有用。

玩得开心！

Answer 2

如果您需要在首次创建表格时以及以后编辑表格属性时更改表格选项，那么除了“表格”外，还需要定位'tableProperties'如下所示：

<div class="event-list">
<div class="scrollable">
<div class="sidebar-right-content">
  <ng-container *ngIf="eventList.length > 0">
    <ng-container *ngFor="let message of eventList; let i = index">
      <div class="notification-message" [ngClass]="(i % 2) == 0 ? 'grey' : ''">

        <div [ngSwitch]="message.importanceLevel">
          <div class="circle green" *ngSwitchCase="0"></div>
          <div class="circle yellow" *ngSwitchCase="1"></div>

          <div class="circle orange" *ngSwitchCase="2"></div>
          <div class="circle red" *ngSwitchCase="3"></div>
          <div *ngSwitchDefault class="cicle grey"></div>
        </div>

        <span class="message-text">{{message.message}}</span>
      </div>
    </ng-container>
  </ng-container>
</div>

这来自@oleq答案中的@DanH评论。但是我认为值得自己回答，因为我第一次进行此更改时就忽略了这一点。

如何以编程方式为CKEditor设置默认表属性？

2 个答案: