ROR动作文本.如何添加文本对齐选项到trix富文本编辑器?



我正在做一个ruby on rails (rails 6)的项目,其中包括一个使用动作文本和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,但不工作。按钮出现了,但什么也没做。我想要的是嵌入文本的divtext-align: left"

你知道我该怎么做吗?或者是想法、建议或演讲命题?

(我在basecamp/trix github中看到了一些问题,谈到了这一点(这一个真的很有趣),但它的出现,自定义标签选项,不是一个好的选择,我没有设法使任何其他工作。

Thanks a lot

你可以在这里看到输入链接的描述

插入一些像这样的按钮,多个对齐不能存在于同一段文本中,你可以看到在这里输入链接描述

最新更新