如何使用类名列表向 CK 编辑器添加下拉列表

Posted

技术标签:

【中文标题】如何使用类名列表向 CK 编辑器添加下拉列表【英文标题】:How to add a dropdown to CK Editor with a list of class names 【发布时间】:2020-01-24 00:09:35 【问题描述】:

如何向 CK 编辑器添加一个下拉列表,其中包含我可以分配给文本的类名列表? 我还需要为图像添加一些类,我相信需要为每个标签类型设置定义。 我研究了文档,并且有内联样式的示例,但我需要类。

实际上这是 Sonata CMS 中使用的 CK Editor,但它必须是相同的结构。

奇怪的是它不存在 - TinyMce 可以轻松做到。

【问题讨论】:

【参考方案1】:

作为一个更长的线程建议:

allowedContent: true 

如果其中还有其他指令,请摆脱它们 - 这也绕过了上下文相关的阻塞

然后 - 请注意,这是在 yaml 中有配置的奏鸣曲

stylesSet: - name: 'My class', element: 'div', attributes: class: 'myclass' - name: 'Icon', element: 'img', attributes: class: 'myicon'

为什么 CK Editor 没有明确记录?

【讨论】:

以上是关于如何使用类名列表向 CK 编辑器添加下拉列表的主要内容,如果未能解决你的问题,请参考以下文章

如何使我的剑道下拉列表只读?

如何将唯一 ID 添加到 select2 下拉列表

当我单击编辑按钮时,如何使用 Ajax 编辑下拉列表或选择选项列表?

如何使用 JQuery 向 CKEditor 添加数据

如何将变体库存状态添加到 Woocommerce 产品变体下拉列表

Bootstrap 3:如何在导航栏中使下拉链接的头部可点击