editor.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>ZSSRichTextEditor</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  6. <!-- Custom CSS Styling -->
  7. <style type="text/css">
  8. /* Custom CSS Styling */
  9. /*customcss*/
  10. </style>
  11. <!-- jQuery Source For ZSSRichTextEditor -->
  12. <script>
  13. <!-- jQuery -->
  14. </script>
  15. <!-- JSBeautifier Source for ZSSRichTextEditor -->
  16. <script>
  17. <!-- jsbeautifier -->
  18. </script>
  19. <!-- Javascript for ZSSRichTextEditor -->
  20. <script>
  21. <!--editor-->
  22. </script>
  23. <!-- CSS Styles for ZSSRichTextEditor -->
  24. <style type="text/css">
  25. /* Default ZSSRichTextEditor Styling */
  26. * {
  27. outline: 0px solid transparent;
  28. -webkit-tap-highlight-color: rgba(0,0,0,0);
  29. -webkit-touch-callout: none;
  30. }
  31. html, body {
  32. padding: 0;
  33. margin: 0;
  34. font-family: Arial, Helvetica, sans-serif;
  35. }
  36. body {
  37. padding: 10px;
  38. overflow-y: scroll;
  39. -webkit-overflow-scrolling: touch;
  40. height: 100%;
  41. }
  42. img.zs_active {
  43. border: 2px dashed #000;
  44. }
  45. img {
  46. width: 98%;
  47. margin-left:auto;
  48. margin-right:auto;
  49. }
  50. audio {
  51. padding: 20px 0;
  52. }
  53. div.zs_editor_content {
  54. width: 100%;
  55. height: 100%;
  56. -webkit-overflow-scrolling: touch;
  57. overflow:auto;
  58. }
  59. [placeholder]:empty:before {
  60. content: attr(placeholder);
  61. color: #555;
  62. }
  63. [placeholder]:empty:focus:before {
  64. content: "";
  65. }
  66. </style>
  67. </head>
  68. <body onLoad="zss_editor.init();">
  69. <!-- ZSSRichTextEditor Editable Content -->
  70. <div id="zss_editor_content" class="zs_editor_content" contenteditable="true" placeholder=""></div>
  71. <!-- Footer -->
  72. <div id="zss_editor_footer"></div>
  73. </body>
  74. </html>