nkedito中的nkeditor.js编辑器选项配置详解

 核心选项

• designMode: true，启用设计模式，即允许用户在编辑器中进行编辑。
• fullscreenMode: false，默认不启用全屏模式。
• filterMode: true，启用HTML过滤模式，可能用于清理用户输入的HTML代码。
• wellFormatMode: true，启用格式化模式，可能用于自动格式化用户输入的内容。
• loadStyleMode: true，启用加载样式模式，可能用于加载外部CSS样式到编辑器中。

2.2 路径配置

• basePath, themesPath, langPath, pluginsPath: 这些选项分别设置了编辑器资源（如主题、语言包、插件）的基础路径。

2.3 界面与语言设置

• themeType: 'primary'，设置编辑器的主题类型。
• langType: 'zh-CN'，设置编辑器的语言类型为中文。

2.4 编辑器行为配置

• urlType, newlineTag, resizeType, syncType, pasteType, dialogAlignType: 这些选项控制编辑器的各种行为，如URL类型、新行标签、调整大小类型、同步类型、粘贴类型和对话框对齐类型。
• useContextmenu: true，启用上下文菜单。
• fullscreenShortcut: false，不启用全屏快捷键。

2.5 样式与类设置

• bodyClass: 'ke-content'，设置编辑器内容区域的CSS类。
• indentChar: '\t'，设置缩进字符为制表符。

2.6 资源加载与缓存

• cssPath, jsPath: 这两个选项允许用户指定额外的CSS和JavaScript文件路径，以便加载到编辑器中。
• showHelpGrid: false，不显示帮助网格。
• cssData: ''，允许用户直接嵌入CSS样式数据。

2.7 尺寸与布局

• minWidth, minHeight, minChangeSize: 设置编辑器的最小宽度、最小高度和最小改变尺寸。
• zIndex: 811213，设置编辑器的CSS z-index属性，以控制其在页面中的堆叠顺序。

2.8 工具栏项目

• items: 这是一个数组，列出了编辑器工具栏中的所有项目（如“源码”、“撤销”、“重做”等）。
• noDisableItems: 这是一个数组，列出了不应被禁用的工具栏项目。

2.9 颜色与字体设置

• colorTable: 定义了一个颜色表，用于编辑器中的颜色选择。
• fontSizeTable: 定义了一个字体大小表，用于编辑器中的字体大小选择。

2.10 HTML标签属性配置

• htmlTags: 这是一个对象，为不同的HTML标签指定了允许的属性列表。这有助于控制用户在编辑器中可以设置哪些属性。

2.11 布局与回调

• layout: 定义了编辑器的HTML布局结构。
• afterBlur: 这是一个回调函数，当编辑器失去焦点时调用。在这个例子中，它调用了this.sync()来同步数据。
• errorMsgHandler: 这是一个错误消息处理函数，用于处理和显示错误消息。

2.12 其他选项

• dialogOffset: 设置对话框的偏移量。
• allowUploadGraft: true，允许上传附件。
• resLoadCache: 一个对象，用于缓存加载的资源。
• tableBorderColor: 设置表格的边框颜色。

这段代码为富文本编辑器提供了详细的配置选项，使得编辑器可以根据这些选项来初始化和表现。每个选项都对应着编辑器的特定功能或行为，通过调整这些选项，可以定制编辑器的外观和行为以满足不同的需求。