1) Install the files into a single folder on the webserver.
2) Edit the file inline_editor.ini and define your options - if you are using a database storage system, enter your database credentials. To limit editing access to specific users, modify the allowed item to include user identifiers - such as usernames, hashes or any other unique value.
3) To activate the editor on your website, include the
$editor = new inline_editor('location/where/you/saved/inline_editor.ini');
You need verify user has edit permissions:
// Pass one of the keys you defined in the .ini file as $challenge
$challenge is the authorization challenge, if $challenge is found inside the allowed array inside the ini file, user will be allowed to edit. $override is a boolean value, if this is true, verifyAccess will return false, and no files will be included.
To activate the editor on page elements, you need to assign the editable class to each element you want to be able to edit.
RECOMMENDED: I would recommend only using Divs for editable content, though Paragraphs and Spans WORK, Spans have formatting issues. Again, divs are the recommended field.
To set a field to editable, define a class "can_edit", with a unique ID.
<div id="unique_to_this_page" class="can_edit"></div>
NOTE: It is EXTREMELY IMPORTANT that the ID be both SET and UNIQUE. That means you should not have multiple fields that use the same id, doing so can result in overwriting of the contents, and duplication of the contents. I suggest using descriptive names for these fields and their contents, not generic names.
From here, we want to define the editor.
<div id="unique_to_this_page" class="can_edit"><?php echo $editor->get('unique_to_this_page', $_SERVER['PHP_SELF'], 'This is the default value for the field.'); ?></div>
And that's it!