Ruby On Rails-Make content on show page content-editable

Question

I would like to make my show page content editable by double clicking on the content and after I update that content, then that updated content would also be save in the database. I am working on Ruby on Rails. Any suggestions, how can make my content editable.

Answer 1

Rails 7 has Hotwire

This can also be accomplished with AJAX and UJS

Basically, when a user clicks on an area you want to be content-editable, you would replace that static section of the DOM with a form and a field. Then either clicking a submit button or clicking away would trigger a remote PATCH or PUT call to update the database and you'd again replace that section of the DOM with a static section containing the newly edited data.

There are quite a few good tutorials out there on this subject.

• https://gorails.com/episodes/inline-editing-turbo-frames
• https://www.driftingruby.com/episodes/inline-editing-records
• https://bhserna.com/inline-crud-hotwire.html
• https://dev.to/mikerogers0/inline-editing-with-turboframetag-hotwire-rails-284
• https://akshaykhot.com/turbo-frames/

And even some gems for you to use: https://www.ruby-toolbox.com/categories/rails_in_place_editing