RichText lite

by Rapha Souza

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<script src="https://unpkg.com/[email protected]/js/lite-editor.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/lite-editor.css">
  <textarea class='js-lite-editor' name="hoge">  {test} Lite <span class="red">Editor</span> is a modern wysiwyg editor focuses on editing inline elements
And super easy to customize to add original tags and actions on it. <br>
You can find the tons of examples from <a href="https://github.com/appleple/simple-wysiwyg">here</a> <br>
and Compatible with <strong>IE9+</strong><br>
Amazing!!</textarea>

JavaScript

window.addEventListener('DOMContentLoaded',function(){
  console.log("addEvent")
        var editor = new LiteEditor('.js-lite-editor');
    });