Make div defined in index.html of grapesjs-webpage-preset read only

I have downloaded the grapesjs-webpage-preset and I want to customize it according to my requirements so I've added my own html and style in the index.html file to make that UI customizable. Now, how can I make a div in my html code read only. I tried adding data-gjs-editable="false" data-gjs-removable="false" to the div description. and I also tried adding this code to the index.js file under src/components folder: but the divs continue to be editable..