characters_counter.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  5. <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">
  6. <link href="../css/froala_editor.min.css" rel="stylesheet" type="text/css">
  7. <style>
  8. body {
  9. text-align: center;
  10. }
  11. section {
  12. width: 80%;
  13. margin: auto;
  14. text-align: left;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <section id="editor">
  20. <div id='edit' style="margin-top: 30px;">
  21. </div>
  22. </section>
  23. <script src="../js/libs/jquery-1.11.1.min.js"></script>
  24. <script src="../js/froala_editor.min.js"></script>
  25. <!--[if lt IE 9]>
  26. <script src="../js/froala_editor_ie8.min.js"></script>
  27. <![endif]-->
  28. <script src="../js/plugins/tables.min.js"></script>
  29. <script src="../js/plugins/char_counter.min.js"></script>
  30. <script src="../js/plugins/lists.min.js"></script>
  31. <script src="../js/plugins/colors.min.js"></script>
  32. <script src="../js/plugins/font_family.min.js"></script>
  33. <script src="../js/plugins/font_size.min.js"></script>
  34. <script src="../js/plugins/block_styles.min.js"></script>
  35. <script src="../js/plugins/media_manager.min.js"></script>
  36. <script src="../js/plugins/video.min.js"></script>
  37. <script>
  38. $(function(){
  39. $('#edit').editable({inlineMode: false, maxCharacters: 140})
  40. });
  41. </script>
  42. </body>
  43. </html>