title: Make the text editable after press the button
body: <p>Is anyone know how to make the text editable after I press the button? I want it to be editable only when the user clicks the button. Below is the result that I needed.</p>
  
  <p><a href="https://i.stack.imgur.com/rdtFq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rdtFq.png" alt="enter image description here"></a></p>
  
  <p>If I want to edit the text "Festive Leave", then I need to click the edit button.</p>