two_editors.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">
  5. <link href="../css/froala_editor.min.css" rel="stylesheet" type="text/css">
  6. <link href="../css/themes/dark.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. <div id='edit-i' style="margin-top: 30px;">
  23. </div>
  24. </section>
  25. <script src="../js/libs/jquery-1.11.1.min.js"></script>
  26. <script src="../js/froala_editor.min.js"></script>
  27. <!--[if lt IE 9]>
  28. <script src="../js/froala_editor_ie8.min.js"></script>
  29. <![endif]-->
  30. <script src="../js/plugins/tables.min.js"></script>
  31. <script src="../js/plugins/lists.min.js"></script>
  32. <script src="../js/plugins/colors.min.js"></script>
  33. <script src="../js/plugins/media_manager.min.js"></script>
  34. <script src="../js/plugins/font_family.min.js"></script>
  35. <script src="../js/plugins/font_size.min.js"></script>
  36. <script src="../js/plugins/block_styles.min.js"></script>
  37. <script src="../js/plugins/video.min.js"></script>
  38. <script>
  39. $(function(){
  40. $('#edit').editable({inlineMode: false})
  41. $('#edit-i').editable({inlineMode: false, theme: 'dark'})
  42. });
  43. </script>
  44. </body>
  45. </html>