bs4.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  6. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.css" />
  7. <link rel="stylesheet" href="../dist/summernote-bs4.css">
  8. <title>summernote</title>
  9. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
  10. <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.js"></script>
  11. <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.js"></script>
  12. <script type="text/javascript" src="../dist/summernote-bs4.js"></script>
  13. <script type="text/javascript">
  14. $(document).ready(function() {
  15. $('.summernote').summernote({
  16. height: 300,
  17. tabsize: 2
  18. });
  19. });
  20. </script>
  21. </head>
  22. <body>
  23. <div class="container">
  24. <h5>
  25. <i class="note-icon-summernote"></i> Summernote
  26. <span class="badge badge-pill badge-info">Bootstrap v4.0.0-beta</span>
  27. </h5>
  28. <div class="summernote"><p>Hello World</p></div>
  29. <p>scroll text...</p>
  30. <p>scroll text...</p>
  31. <p>scroll text...</p>
  32. <p>scroll text...</p>
  33. <p>scroll text...</p>
  34. <p>scroll text...</p>
  35. <p>scroll text...</p>
  36. <p>scroll text...</p>
  37. <p>scroll text...</p>
  38. <p>scroll text...</p>
  39. <p>scroll text...</p>
  40. <p>scroll text...</p>
  41. <p>scroll text...</p>
  42. <p>scroll text...</p>
  43. <p>scroll text...</p>
  44. <p>scroll text...</p>
  45. <p>scroll text...</p>
  46. <p>scroll text...</p>
  47. <p>scroll text...</p>
  48. <p>scroll text...</p>
  49. <p>scroll text...</p>
  50. <p>scroll text...</p>
  51. <p>scroll text...</p>
  52. <p>scroll text...</p>
  53. </div>
  54. </body>
  55. </html>