Trix using rails actiontext add pure html

Question

I would like to use the rich text editor trix in rails6. How can I add a button to trix which adds html content?

score 2 · Accepted Answer · answered Jul 16 '20 at 09:49

2

To allow ActionText showing raw HTML, try this.

<%= raw your_action_text_object.to_plain_text %>

btw, I don't know why you want to add a button, could you explain in detail?

answered Jul 16 '20 at 09:49

Ash

36
3

2

I'm interested too in a button that permits to paste html inside the trix input. For example to add a link (as foo) copied from other pages html. – Donapieppo Feb 10 '21 at 08:09

score 1 · Answer 2 · answered Jun 30 '21 at 11:10

Assuming that you want to do it using javascript, when clicking on a button, you'll need to fetch the rich_text element and then apply the raw html, as follows:

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

font: https://github.com/basecamp/trix/issues/344#issuecomment-261939749

Trix using rails actiontext add pure html

2 Answers2

Linked