ckeditor4 设置表格弹窗中的默认配置，其他弹窗配置同理，vue3+vite+ts

風卍雲

于 2024-03-13 11:35:52 发布

阅读量400

点赞数 6

分类专栏： ckeditor4 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_39507727/article/details/136675340

版权

ckeditor4 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文档详细描述了如何在使用CKEditor时，针对table对话框修改默认设置，如调整宽度、移除边框、设置单元格间距和对齐方式。

摘要由CSDN通过智能技术生成

在window.CKEDITOR.replace之前增加代码：

window.CKEDITOR.on('dialogDefinition', (ev: any) => {
  const dialogName = ev.data.name;
  const dialogDefinition = ev.data.definition;
  if ( dialogName == 'table' ) {
    const info = dialogDefinition.getContents( 'info' );

    info.get( 'txtWidth' )[ 'default' ] = '100%';
    // info.get( 'txtBorder' )[ 'default' ] = '0';
    info.get( 'txtCellSpace' )[ 'default' ] = '0';
    info.get( 'txtCellPad' )[ 'default' ] = '0';
    info.get( 'cmbAlign' )[ 'default' ] = 'center';
  }
}

具体get的属性名，是从ckeditor4的源文件里找的，先从/lang/zh-cn.js中找到中文名称对应的英文名，比如"cellPad":"边距"。得知边距叫cellPad，再去/plugins/table/dialogs/table.js中搜cellPad，找到“txtCellPad”，就可以get到间距的属性设置方法。