inLineEditor

A JavaScript rich text editor for editing directly on the page. Format text, add links and preview changes with a customizable toolbar.

Download now

Select the text on this area to try Inline! Discover how you can easily make text bold, underlined, ~~striked through~~, italic, linked and MORE!

How to use inLine

Easily integrate inLine into your website or app.

1. Link plugin library to your web page's resources

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

2. Initialize plugin on a page element

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

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

What features does inLine include?

Rich text tools, right where you need them.

Intuitive WYSIWYG interface
See formatting changes as you edit, without switching between the editor and a separate preview.
Inline formatting options
Apply bold, italic, underline and strikethrough to selected text using the toolbar.
Links, highlights and emoji
Add links, highlight key passages and insert emoji to give your content context and emphasis.
Customizable toolbars and buttons
Choose the formatting buttons your users need and keep the editing interface focused.
Desktop and mobile editing
Use inLine in desktop and mobile layouts, checking text selection and toolbar placement in your supported browsers.