InLineEditor demo

This page is completely built with InPlaceEditor.
Using Bootstrap initializr template and theme is built with www.boottheme.com

Subscribe for last news and updates

Use click to edit text & double click to edit HTML

This page is 99% editable!

Use click to edit text & double click to edit HTML

What is the InlineEditor?

InPlace editor is a simple editor for static pages that you can use in your browser. And the best of all the changes you do you can save to your server. The built in security lets to do the changes to you Home Page in seconds. Just login and start editing!

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

PHP instructions

just edit js/inplaceeditor.js and change

var SERVER = 'NODE'; to var SERVER = 'PHP';

Change admin name and password in config.inc

private static $ADMIN_USER = 'admin';
private static $ADMIN_PASSWORD = 'secret';
private static $INSTALLATION_BASEPATH = 'http://localhost/';

Node.js instructions

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!

Support developers

Servers supported

• 
• 

Open source

• 
• 

Features

• Simple & Intuitive in use
• Quick installation
• WYSIWYG Editor
• Embeded HTML editor
• Save direct to the web server
• Build in security
• Supports PHP & Node.js servers
• No more complex deploys
• See what you change