12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
- <title>summernote</title>
- <!-- include jquery -->
- <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
- <!-- include libraries BS -->
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.css" />
- <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.js"></script>
- <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.js"></script>
- <!-- include summernote -->
- <link rel="stylesheet" href="../dist/summernote-bs4.css">
- <script type="text/javascript" src="../dist/summernote-bs4.js"></script>
- <script type="text/javascript">
- $(function() {
- $('.summernote').summernote({
- height: 200
- });
- $('form').on('submit', function (e) {
- e.preventDefault();
- alert($('.summernote').summernote('code'));
- alert($('.summernote').val());
- });
- });
- </script>
- </head>
- <body>
- <form action="#" novalidate>
- <div class="form-group">
- <label for="input">Text</label>
- <input type="text" class="form-input" id="input" value="Title">
- </div>
- <div class="form-group">
- <label for="contents">Contents</label>
- <textarea name="text" class="summernote" id="contents" title="Contents"></textarea>
- </div>
- <button type="submit" class="btn btn-default">submit</button>
- </form>
- </body>
- </html>
|