WYSIWYG Editor for Bootstrap and Material Design

WYSIWYG Editor Overview

Wysiwyg Editor by Gijgo.com is a plug-in for the jQuery Javascript library. It is a very fast and extandable tool, and will add advanced interaction controls to any editor. This plugin allows you to create wysiwyg editors using bootstrap or material design styles. Free open source tool distributed under MIT License.

Getting Started

                <!DOCTYPE html>
<html>
<head>
    <title>Getting Started with WYSIWYG Editor</title>
    <meta charset="utf-8" />
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css">
    <script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
</head>
<body>
    <textarea id="editor">
        Lorem <b>ipsum </b><i>dolor </i><strike>sit</strike> <u>amet</u>, <b><i>consectetur</i></b> <u><strike>adipiscing</strike></u> elit, <i><u>sed</u></i> do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        <div style="text-align: center;">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
        <div style="text-align: right;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
        <div>
            <ul>
                <li>Excepteur sint occaecat cupidatat non proident.<br></li>
                <li>Sunt in culpa qui officia deserunt mollit anim id est laborum.<br></li>
            </ul>
        </div>
    </textarea>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#editor").editor();
        });
    </script>
</body>
</html>

            