Getting started with inLine

inLine is a javascript library built to offer you an inline text editor with fantastic ease of use and a marvelous design. Get started by installing inLine on your website and initializing it on one or more elements.

How to install inLine

Get inLine and you will then be able to download source file for a direct integration into your website.

Add inline.js to the <head> of the pages on which inLine is being used, as described in the following example:

<head>
  ... 
  <!-- inLine -->
  <script src="inline.js"></script>
</head>

How to initialize inLine

Once the installation is complete, initialize inLine on elements that will trigger the inline text editor.

Generally inLine is initialized on <div> but you can initialize it also on <textarea>.

Let's see how to define the area on which inLine has to be initialized.

In this example we will convert a simple <div> with specific id to a customizable textarea:

<div id="myTextEditor"></div>

<!-- init inLine -->
<script>
new inLine('#myTextEditor');
</script>

Make sure you initialize inLine after the element is already on page or when page is loaded.