Speed up development with full-stack environments for every branch.

Learn More

Bootstrap-wysihtml5 example - Complete editor

Forked from How to use jQuery-validation - Advanced rules.

3887 Runs 9651 Views 4966 Copies
Saved

Saved

gtsolutions 373

gtsolutions
published 4 years ago

<html>
    <head>
        <meta charset="utf-8">
        <title>Bootstrap-wysihtml5 example - Complete editor</title>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/bootstrap-wysihtml5.css">
    </head>
    <body>
        <div class="container">
            <div class="hero-unit" style="margin-top:40px">
                <textarea class="textarea" placeholder="Enter text ..." style="width: 810px; height: 200px;"></textarea>
            </div>
        </div>


        <script src="js/wysihtml5-0.3.0.js"></script>
        <script src="js/jquery-1.7.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/bootstrap-wysihtml5.js"></script>
        <script>
            $('.textarea').wysihtml5({
                "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
                "emphasis": true, //Italics, bold, etc. Default true
                "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
                "html": true, //Button which allows you to edit the generated HTML. Default false
                "link": true, //Button to insert a link. Default true
                "image": true, //Button to insert an image. Default true,
                "color": true //Button to change color of font  
            });
        </script>
    </body>
</html>
Please login/signup to get access to the terminal.

Your session has timed out.

Dismiss (the page may not function properly).