danieldaeschle / text-formatter.js

Simple text formatter tooltip for html editors

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

text-formatter.js

Description

Simple text formatter tooltip for web editors

Quickstart

Download the files and copy text-formatter.min.js, text-formatter.min.css from dist folder into your project source folder. Then you can add following to your <head></head> in your HTML file:

<script src="text-formatter.min.js" charset="utf-8"></script>
<link href="text-formatter.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Set contenteditable="true" property to your element (e.g. <div contenteditable="true">) which should be editable and showing the tooltip.

Screenshots and Demo

alt text

Demo Site

Authors

  • Daniel Däschle

License

Code released under the MIT License.

About

Simple text formatter tooltip for html editors

License:MIT License


Languages

Language:JavaScript 71.0%Language:HTML 21.2%Language:CSS 7.7%