Hi everyone, I'm new here. Trying to customize tri...
# avo-2a
adventurous-crayon-9274
05/10/2023, 6:26 PMHi everyone, I'm new here. Trying to customize trix editor and add additional header levels (h2 and h3). Has anyone done this?
l
lemon-wall-20836
05/10/2023, 9:03 PMHey @adventurous-crayon-9274. can you show me an example/tutorial/article on how that is done? I can guide you after I see what needs to be done
a
adventurous-crayon-9274
05/10/2023, 10:55 PMSure, I set up a github repo here https://github.com/smazzin/trixdemo I didn't really follow a tutorial, I came across this question on SO https://stackoverflow.com/questions/71712319/how-to-customize-the-trix-toolbar-in-rails-7-when-using-importmaps
adventurous-crayon-9274
05/10/2023, 10:56 PMJust trying to piece things together at this point.
l
lemon-wall-20836
05/11/2023, 11:28 AMI had a look at the tutorial... the simplest way to do it is to generate a custom field, add your own custom JS file and then implement your own trix field
lemon-wall-20836
05/11/2023, 11:28 AMyou can start from our own
trixlemon-wall-20836
05/11/2023, 11:28 AMthen, if it's modular enough we could even port it to Avo as the regular trix field
lemon-wall-20836
05/11/2023, 11:30 AMcustom fields: https://docs.avohq.io/2.0/custom-fields.html
add your JS methods: https://docs.avohq.io/2.0/custom-asset-pipeline.html
current trix field: https://github.com/avo-hq/avo/blob/main/lib/avo/fields/trix_field.rb
current trix JS controller: https://github.com/avo-hq/avo/blob/main/app/javascript/js/controllers/fields/trix_field_controller.js
a
adventurous-crayon-9274
05/11/2023, 10:23 PMThanks, I'll take a look into this.
l
lemon-wall-20836
05/12/2023, 9:37 AMgot it! let me know of your progress and when/where I can help✌️