index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>TextFormatterJS</title>
        <script src="src/text-formatter.js" charset="utf-8"></script>
        <link href="src/text-formatter.css" rel="stylesheet">
        <link href="docs/master.css" rel="stylesheet">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
    </head>
    <body>
        <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
            <a class="navbar-brand" href="">TextFormatter Demo</a>

            <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                <div class="navbar-nav mr-auto mt-2 mt-md-0"></div>
                <form class="form-inline my-2 my-lg-0">
                    <a href="https://github.com/danieldaeschle/TextFormatterJS/archive/master.zip" class="btn btn-outline-primary my-2 my-sm-0">Download</a>
                </form>
            </div>
        </nav>
        <div class="container section">
            <h4>Select some text with your cursor</h4>
            <div contenteditable="true" style="outline: none;">
                Facilis repellendus inventore quia. Velit incidunt inventore fuga. Enim aut deserunt et et.
                Incidunt aspernatur qui nisi distinctio atque natus. Non esse quo enim ut enim. Architecto fugiat id natus. Nemo debitis illo est et. Dolores velit laboriosam ut quis.
                Sint voluptatum commodi et dolorum ducimus. Qui et unde quasi omnis labore dicta. Ipsum rerum modi aspernatur laborum ut alias et. Tenetur quis veritatis et. Officiis voluptatem dolores itaque est blanditiis.
                Minima aut magnam sed modi explicabo. Dignissimos officiis asperiores ut omnis saepe. Amet assumenda non in delectus beatae nostrum. Animi ea provident est.
                Voluptatibus voluptas velit omnis quia est. Velit non distinctio quam voluptatibus consectetur eum. Adipisci et et quis ipsa est repellat.
            </div>
        </div>
    </body>
</html>