|
4 | 4 | <title>ZSSRichTextEditor</title>
|
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
6 | 6 | <meta name="format-detection" content="telephone=no">
|
| 7 | + <style type="text/css"> |
| 8 | + /* Default ZSSRichTextEditor Styling */ |
| 9 | + * { |
| 10 | + outline: 0px solid transparent; |
| 11 | + -webkit-tap-highlight-color: rgba(0,0,0,0); |
| 12 | + -webkit-touch-callout: none; |
| 13 | + } |
| 14 | + |
| 15 | + html, body { |
| 16 | + padding: 0; |
| 17 | + margin: 0; |
| 18 | + font-family: Arial, Helvetica, sans-serif; |
| 19 | + font-size:1em; |
| 20 | + color:#2d4150; |
| 21 | + } |
| 22 | + |
| 23 | + body { |
| 24 | + overflow-y: scroll; |
| 25 | + -webkit-overflow-scrolling: touch; |
| 26 | + height: 100%; |
| 27 | + } |
| 28 | + |
| 29 | + img { |
| 30 | + max-width: 98%; |
| 31 | + margin-left: auto; |
| 32 | + margin-right: auto; |
| 33 | + display: block; |
| 34 | + } |
| 35 | + |
| 36 | + audio { |
| 37 | + padding: 20px 0; |
| 38 | + } |
| 39 | + |
| 40 | + div.zss_editor_content { |
| 41 | + font-family: Arial, Helvetica, sans-serif; |
| 42 | + color: #000; |
| 43 | + width: 100%; |
| 44 | + height: 100%; |
| 45 | + -webkit-overflow-scrolling: touch; |
| 46 | + overflow: auto; |
| 47 | + |
| 48 | + } |
| 49 | + |
| 50 | + div.zss_editor_title { |
| 51 | + font-family: 'Helvetica Neue Light', sans-serif; |
| 52 | + font-size: 23px; |
| 53 | + line-height: 31px; |
| 54 | + color: #2d4150; |
| 55 | + } |
| 56 | + |
| 57 | + [placeholder]:empty:before { |
| 58 | + content: attr(placeholder); |
| 59 | + color: #e0e0e0; |
| 60 | + } |
| 61 | + |
| 62 | + [placeholder]:empty:focus:before { |
| 63 | + content: attr(placeholder); |
| 64 | + color: #e0e0e0; |
| 65 | + } |
| 66 | + |
| 67 | + hr { |
| 68 | + border: none; |
| 69 | + height: 1px; |
| 70 | + background-color: #e7e7e7; |
| 71 | + } |
| 72 | + |
| 73 | + #separatorContainer { |
| 74 | + -webkit-user-select: none; |
| 75 | + padding-left: 10px; |
| 76 | + padding-right: 10px; |
| 77 | + } |
| 78 | + </style> |
| 79 | + |
| 80 | + <style type="text/css"> |
| 81 | + /* Custom CSS Styling */ |
| 82 | + /*customcss*/ |
| 83 | + </style> |
| 84 | + </head> |
| 85 | + |
| 86 | + <body> |
| 87 | + <!-- ZSSRichTextEditor Editable Content --> |
| 88 | + <div id="zss_editor_title" class="zss_editor_title" contenteditable="true" placeholder="" disableLineBreaks="true"></div> |
| 89 | + <div id="separatorContainer"><hr></div> |
| 90 | + <div id="zss_editor_content" class="zss_editor_content" contenteditable="true" placeholder=""></div> |
| 91 | + <div id="zss_editor_footer"></div> |
7 | 92 |
|
8 | 93 | <script type="text/javascript">
|
9 | 94 | /*! jQuery v3.1.0 | (c) jQuery Foundation | jquery.org/license */
|
|
1672 | 1757 |
|
1673 | 1758 | //end
|
1674 | 1759 | </script>
|
1675 |
| - |
1676 |
| - <style type="text/css"> |
1677 |
| - /* Default ZSSRichTextEditor Styling */ |
1678 |
| - * { |
1679 |
| - outline: 0px solid transparent; |
1680 |
| - -webkit-tap-highlight-color: rgba(0,0,0,0); |
1681 |
| - -webkit-touch-callout: none; |
1682 |
| - } |
1683 |
| - |
1684 |
| - html, body { |
1685 |
| - padding: 0; |
1686 |
| - margin: 0; |
1687 |
| - font-family: Arial, Helvetica, sans-serif; |
1688 |
| - font-size:1em; |
1689 |
| - color:#2d4150; |
1690 |
| - } |
1691 |
| - |
1692 |
| - body { |
1693 |
| - overflow-y: scroll; |
1694 |
| - -webkit-overflow-scrolling: touch; |
1695 |
| - height: 100%; |
1696 |
| - } |
1697 |
| - |
1698 |
| - img { |
1699 |
| - max-width: 98%; |
1700 |
| - margin-left: auto; |
1701 |
| - margin-right: auto; |
1702 |
| - display: block; |
1703 |
| - } |
1704 |
| - |
1705 |
| - audio { |
1706 |
| - padding: 20px 0; |
1707 |
| - } |
1708 |
| - |
1709 |
| - div.zss_editor_content { |
1710 |
| - font-family: Arial, Helvetica, sans-serif; |
1711 |
| - color: #000; |
1712 |
| - width: 100%; |
1713 |
| - height: 100%; |
1714 |
| - -webkit-overflow-scrolling: touch; |
1715 |
| - overflow: auto; |
1716 |
| - |
1717 |
| - } |
1718 |
| - |
1719 |
| - div.zss_editor_title { |
1720 |
| - font-family: 'Helvetica Neue Light', sans-serif; |
1721 |
| - font-size: 23px; |
1722 |
| - line-height: 31px; |
1723 |
| - color: #2d4150; |
1724 |
| - } |
1725 |
| - |
1726 |
| - [placeholder]:empty:before { |
1727 |
| - content: attr(placeholder); |
1728 |
| - color: #e0e0e0; |
1729 |
| - } |
1730 |
| - |
1731 |
| - [placeholder]:empty:focus:before { |
1732 |
| - content: attr(placeholder); |
1733 |
| - color: #e0e0e0; |
1734 |
| - } |
1735 |
| - |
1736 |
| - hr { |
1737 |
| - border: none; |
1738 |
| - height: 1px; |
1739 |
| - background-color: #e7e7e7; |
1740 |
| - } |
1741 |
| - |
1742 |
| - #separatorContainer { |
1743 |
| - -webkit-user-select: none; |
1744 |
| - padding-left: 10px; |
1745 |
| - padding-right: 10px; |
1746 |
| - } |
1747 |
| - </style> |
1748 |
| - |
1749 |
| - <style type="text/css"> |
1750 |
| - /* Custom CSS Styling */ |
1751 |
| - /*customcss*/ |
1752 |
| - </style> |
1753 |
| - </head> |
1754 |
| - |
1755 |
| - <body> |
1756 |
| - <!-- ZSSRichTextEditor Editable Content --> |
1757 |
| - <div id="zss_editor_title" class="zss_editor_title" contenteditable="true" placeholder="" disableLineBreaks="true"></div> |
1758 |
| - <div id="separatorContainer"><hr></div> |
1759 |
| - <div id="zss_editor_content" class="zss_editor_content" contenteditable="true" placeholder=""></div> |
1760 |
| - <div id="zss_editor_footer"></div> |
1761 | 1760 | </body>
|
1762 | 1761 | </html>
|
0 commit comments