Question

我很喜欢wysihtml5，但我找不到任何关于向元素添加类这么简单的文档。

基本上我正在寻找的是一种在blockquote元素上允许两种不同变体的方法：

blockquote.pull左 blockquote.pull右

（其中每个类指定不同的样式属性）

理想情况下，我想创建2个额外的工具栏按钮，这样我不仅可以使用formatBlock命令（用blockquote元素包装选区），还可以指定blockquote的类。

有什么想法吗？

Answer 1

为了清楚起见，请尝试将这样的自定义函数添加到单独的custom.js文件中：

wysihtml5.commands.custom_class = {
  exec: function(composer, command, className) {
    return wysihtml5.commands.formatBlock.exec(composer, command, "blockquote", className, new RegExp(className, "g"));
  },
  state: function(composer, command, className) {
    return wysihtml5.commands.formatBlock.state(composer, command, "blockquote", className, new RegExp(className, "g"));
  }
};

然后在你的工具栏中传递类名，就像这样假设类是“向左拉”：

<a data-wysihtml5-command="custom_class" data-wysihtml5-command-value="pull-left">Pull left</a>

您还必须将任何自定义类添加到“白名单”中，方法是转到advanced.js文件并在类下添加它们，否则在保存时将删除这些类。

wysihtml5编辑器 - 如何简单地向一个元素添加一个类？

1 个答案: