ruby-on-rails - ROR 动作文本。如何向 trix 富文本编辑器添加文本对齐选项？

Question

我正在使用 ruby​​ on rails (rails 6) 开发一个项目，其中包括一个使用 action-text 和 trix 的博客。我必须在我的富文本编辑器中添加几个选项，并且有一个选项会阻止我几天。

我在我的 trix 工具栏中添加了按钮，用于在此问题之后添加更多标题标签选项，并且一切正常。

但是当我尝试添加文本对齐选项（左、右、中心）时，它不起作用

我尝试了很多东西，但我希望这能奏效：

在 application.js 中

Trix.config.textAttributes.alignLeft = {
style: { textAlign: "left" },
parser: function(element) {
    return element.style.alignLeft === "left"
},
inheritable: true

}

然后我将它插入工具栏中，如下所示：在 application.js 中

addEventListener("trix-initialize", function(event) {
var buttonHTML = '<button type="button" data-trix-attribute="alignLeft">RED</button>'

event.target.toolbarElement.
querySelector(".trix-button-group").
insertAdjacentHTML("beforeend", buttonHTML)

})

我用 blockAttributes 和 textAttributes 都试过了，但没有用。按钮出现但什么也不做。我想要的是嵌入我的文本的div get style=" text-align: left"

你知道我怎样才能让它工作吗？或者可能是想法、建议或讲座命题？

（我在 basecamp/trix github 中看到了一些关于该问题的问题（这个问题真的很有趣），但似乎自定义标签选项不是一个好的选择，而且我没有设法使其他任何工作。

非常感谢

标签： ruby-on-railsrubytrixactiontext