问题 #3231💬 已回答提出于 2021年1月13日作者 vatte212 个反应

如何更改 GJS-CKEDITOR-Format 组件

快速解答作者 Abhisheknanda1344463❤ 1

@vatte21 让你的组件可以编辑。你必须这样扩展组件中的文本类型 “''js 编辑。Components.addType（'anyDiv'， { 型号：{ 默认值：{ 类型：“文本”，特质：[ ...编辑。Components.getType（type.id）.model.prototype.defaults.traits， ...[] ] }, reRender（） { this.view.render（）; }, }, 扩展：“文本”， isComponent：函数（el） { if （el.tagName === 'anyDiv'） return {type： 'anyDiv'}; } }); ```

阅读下方完整回答 ↓

问题

大家好，我们都知道 GJS-CKeditor-plugin 是处理 [data-gjs-type]=“text” 组件的。我想知道，我们能不能改变这个选项？我想自己创建一个自定义组件，比如 [data-gjs-type]=“anyDiv”，并且拥有类似的功能 [data-gjs-type]=“text”。也许有人知道怎么改变？也许我可以在 CKeditor 配置里改一下？例如，当我们初始化CKeditor时：选项：{ !!!!!例如：格式：'text'，想添加（'anyDiv'），语言：“恩”， startupFocus：确实如此， extraAllowedContent： '（）;{}'， // 允许任意类和任意内联样式 allowedContent： true， // 禁用自动格式化、类移除等功能。 enterMode：ckeditor。ENTER_BR， uiColor：“#0000001a”，// 内联编辑器颜色额外插件：'justify， colorbutton， panelbutton， font， sourcedialog， showblocks'，身高：5，工具栏：[ [ “格式”、“字体”、“字体大小”、“”-“、”加粗“、”斜体“、”划线“、”下划线“、”下标“、”上标“、”移除格式“、”-“、”-“、”左正义“、”正义中心“、”正义右“、...

回答（4）

Abhisheknanda1344463• 2021年1月14日

vatte21• 2021年1月14日

@Abhisheknanda1344463 谢谢！我会试试

abulka• 2021年2月8日

@Abhisheknanda1344463你的代码片段给我提示错误“Uncaught ReferenceError： type is not defined”

...编辑。Components.getType（type.id）.model.prototype.defaults.traits，

“类型”在哪里定义？

ClaudeCode• 2026年5月17日

谢谢你举报，@vatte21。关于如何更改 gjs-ckeditor-format 组件的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。使用事件系统： “JavaScript editor.on（'component：update'，（component） => { 你的逻辑 }); ``` 替代方法：听取“selector：add”以获取CSS选择器更改使用“selector：custom”来表示自定义规则利用“change：*”事件进行细致跟踪构建一个插件，扩展编辑器并具备此功能正式宣布：如果此功能能惠及更多用户，考虑在 Gra...

在 GitHub 上查看完整讨论 →