MVC5 Classic
Use the Simple Toolbar

The wijeditor widget supports a simplified version of its editing toolbar, which provides these buttons: Bold, Italic, Link, Block Quote, Strikethrough, Insert Date Time, Image Browser, Numbered List, Bulleted List, and Insert Code.  See the Editor  > Simple sample of the MVC Control Explorer live demo at http://demo.componentone.com/ASPNET/MVCExplorer/editor/Simple.

Simply set the mode option to "simple" in the script to take advantage of this feature.

<script id="scriptInit" type="text/javascript">
            $(document).ready(function () {

                  $("#wijeditor").wijeditor({
                        mode: "simple"
                  });
            });
      </script>
  1. Create an C1 ASP.NET MVC 5 Web Application.
  2. In the Solution Explorer, expand the View | Shared folder and double-click _Layout.cshtml to open the file.
  3. Add the following markup within the <body> tags of the page.

    <body>

    <div class="demo">

            <textarea id="wijeditor" style="width: 400px; height: 400px;">

                    <h1>Heading</h1>

                    <p>Your Content Here</p>

            </textarea>

            </div>

  4. After the closing </div>  tag you added in the previous step, enter the following jQuery script to initialize the wijeditor widget:

    <script id="scriptInit" type="text/javascript">

            $(document).ready(function () {

                $("#wijeditor").wijeditor({

                    mode: "simple"

                });

            });

          </script>

  5. Press F5 to run the application. Select text and format using the simple toolbar.

 

 


Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback