ruby ROR行动文本,如何在trix富文本编辑器中添加文本对齐选项?

6ioyuze2  于 2023-05-17  发布在  Ruby
关注(0)|答案(1)|浏览(222)

我正在做一个ruby on rails(rails 6)的项目,其中包括一个使用action-text和trix的博客。我不得不给我的富文本编辑器添加一些选项,有一个选项让我阻塞了几天。
我在我的trix工具栏中添加了一些按钮,以便在this issue之后添加更多的标题标签选项,一切正常。
但当我尝试添加文本对齐选项(左,右,中心)它不工作
我试过很多方法,但我希望这能奏效:
在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)

})
我尝试了这两个,与块属性和文本属性,但不工作。按钮出现但不执行任何操作。我想要的是,我的文本所在的div嵌入get style=”text-align:左”
你知道我该怎么做吗?或者是想法、建议或讲座的提议?
(我在basecamp/trix github上看到了一些关于这个问题的问题(this one真的很有趣),但是看起来定制标签选项不是一个好的选择,我没有设法让其他任何东西工作。
多谢了

7tofc5zh

7tofc5zh1#

你可以看到这个enter link description here
插入一些按钮,像这样,多个对齐方式不能存在于同一段文字中,你可以看到在这里输入链接描述

相关问题