javascript - 如何为ckeditor定义自己的列表样式？

Question

有没有办法为ckeditor定义自己的列表样式。我找到了插件http://ckeditor.com/addon/liststyle但它让我只能选择圆形或方形之类的东西。

我想在我的应用程序中为 ol 或 ul 定义自己可以使用的 css 类。例如，用于在列表元素之间定义更多空间的类。编辑器的用户应该通过上下文菜单选择列表类，就像在漂亮的“liststyle”插件中一样。

有办法做到这一点吗？

Answer 1

确认上述方法有效，我正在使用 Drupal、Ckeditor 列表样式(插件)和 Ckeditor 列表样式模块(Drupal 模块)。

我需要对 lang > en.js 文件进行更改，以添加适当的标题而不是函数作为 OP。

    cute: 'Cute',

完成后，在 liststyle.js 文件中，我将现有代码更新为:

liststyle.js 文件中的现有代码:

                    commit: function(element) {
                        var value = this.getValue();
                        if (value)
                            element.setStyle('list-style-type', value);
                        else
                            element.removeStyle('list-style-type');
                    }

新代码:

                     commit: function(element) {
                        var value = this.getValue();
                        if (value) {
                            if (value == 'cute') {
                                element.setAttribute("class", 'cute');
                                element.removeStyle('list-style-type');
                            } else {
                                element.setStyle('list-style-type', value);
                            }
                        } else {
                            element.removeStyle('list-style-type');
                        }
                     }