jquery-text-wrapper

1.0.0 • Public • Published

jQuery-textWrapper

A jQuery plugin to wrap text in a textarea with custom tags

What the plugin does

Installation

npm install jquery-text-wrapper

Usage

You can see this example in a file in example/index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Homepage</title>
    </head>
    <body>
        <div id="button-container">

        </div>
        <textarea id="textarea" rows="10" cols="30"></textarea>

        <!-- Don't forget to include jQuery ! -->
        <script src="/node_modules/jquery/dist/jquery.js"></script>
        <script src="node_modules/jquery-textWrapper/dist/jquery-textWrapper.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {
              // You can use default definitions through your app
              $.fn.textWrapper.defaults = {
                definitions: [
                  {
                    startTag: "[b]",
                    endTag: "[/b]",
                    label: "Bold",
                    shortcut: "CTRL+B",
                    attr: {
                      // Setting custom class on the button
                      className: "btn btn-secondary"
                    }
                  },
                  {
                    startTag: "[i]",
                    endTag: "[/i]",
                    label: "Italic",
                    attr: {
                      className: "btn btn-secondary"
                    }
                  },
                ]
              };

              // And add new one on the fly !
              $("#textarea").textWrapper({
                definitions: [
                  {
                    startTag: "[u]",
                    endTag: "[/u]",
                    label: "Underline",
                    attr: {
                      className: "btn btn-secondary"
                    }
                  }
                ],
                buttonContainer: $("#button-container")
              })
            })
        </script>
    </body>
</html>

Readme

Keywords

none

Package Sidebar

Install

npm i jquery-text-wrapper

Weekly Downloads

5

Version

1.0.0

License

MIT

Last publish

Collaborators

  • rewieer