Trix 使用 rails actiontext 添加纯 html

【问题标题】：Trix using rails actiontext add pure htmlTrix 使用 rails actiontext 添加纯 html
【发布时间】：2020-11-01 15:14:41
【问题描述】：

我想在 rails6 中使用富文本编辑器 trix。如何向 trix 添加一个添加 html 内容的按钮？

【问题讨论】：

【解决方案1】：

要允许 ActionText 显示原始 HTML，试试这个。

<%= raw your_action_text_object.to_plain_text %>

顺便说一句，我不知道你为什么要添加一个按钮，你能详细解释一下吗？

【讨论】：

【解决方案2】：

假设您想使用 javascript 来执行此操作，当单击按钮时，您需要获取rich_text 元素，然后应用原始 html，如下所示：

const element = document.getElementById('your-id-here')
element.editor.loadHTML('<div>HTML<br>HERE</div>')

【讨论】：