title: Editable on click
body: <p>I have created this page here <a href="https://stackblitz.com/edit/so-list-oqpkbw" rel="nofollow noreferrer">Page</a>
  and I want to make it editable in such a way that I want pencil icons in front of each heading and in front of each paragraph and image respectively and once I click on the edit icon the text comes in the textbox field. How can i do this? What is the best possible solution. I just need a little help with bringing the text in textbox field on pencil icon click. Should i be using any built in property of css if there is any? or should I use any package? </p>