Working demo can be found here

An article (in russian) can be found here

Usage example

getting html5 boilerplate bootstrap template

git clone https://github.com/verekia/initializr-bootstrap.git

cd initializr-bootstrap

getting inplace editor

git clone https://github.com/xreader/inplaceeditor.git

cp -r inplaceeditor/* .

rm -rf inplaceeditor

add inplaceeditor to index.html template before </body>

<script src="js/inplaceeditor.js"></script>

just edit js/inplaceeditor.js and change

const SEVER = 'NODE';

to

const SEVER = 'PHP';

before starting the server node.js dependencies (conect & express) shold be installed

npm i

now local server can be started

node server.js

navigate to http://localhost:3000

You can edit the entire HTML page now!

Hints:

HTML elements are highlited on mouse over

Click on the highligted area to start text eding.

Double click to edit HTML code

To finish editing element click anywhere else or press ESC

Use control buttons uppon right to save the page or dublicate it