Файловый менеджер - Редактировать - /var/www/game-equip/static/img/logo/popular.zip
Ðазад
PK ! �, about.phpnu �[��� <?xml version="1.0" encoding="UTF-8"?> <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>WPGM7KA3GMJN80P7</RequestId><HostId>g2xMJ8Wa76h9GNmFlj9R0YHx0jMLlgi8dtK9THFOlwljxthvkafBjVeW6lVFF7UPm7+p8y2CmzYGgq+qhNbMQeqv8euO5vgX</HostId></Error>PK ! QS� disable_edit.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Disable Edit</h1> <p contenteditable="false" style="border: solid 1px #CCC; padding: 10px;">This zone can't be edited.</p> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br /> <ul> <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol> <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li> </ol> </li> </ul> <table style="width: 100%;"> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> </table> <a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br /> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script type="text/javascript" src="../../js/plugins/quote.min.js"></script> <script> (function () { new FroalaEditor("#edit") })() </script> </body> </html>PK ! �ea�� � two_instances.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/draggable.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="../../css/plugins/quick_insert.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } section { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <section id="editor"> <h1>Multiple Editor Instances</h1> <p>The first instance should have a higher <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/options#zIndex" title="zIndex option" target="_blank">zIndex</a> than the second one.</p> <div id='edit1' style="margin-top: 30px;"> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="150" /> <h3>This is the first editor instance</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.</p> </div> <div id='edit' style="margin-top: 30px;"> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="150" /> <h3>This is the second editor instance</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.</p> </div> <div id='edit3' style="margin-top: 30px;"> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="150" /> <h3>This is the third editor instance</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.</p> </div> </section> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script type="text/javascript" src="../../js/plugins/quote.min.js"></script> <script type="text/javascript" src="../../js/plugins/quick_insert.min.js"></script> <script> (function () { new FroalaEditor('#edit, #edit1', {}) new FroalaEditor('#edit3', {}) })() </script> </body> </html>PK ! �, about.PHPnu �[��� <?xml version="1.0" encoding="UTF-8"?> <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>WPGM7KA3GMJN80P7</RequestId><HostId>g2xMJ8Wa76h9GNmFlj9R0YHx0jMLlgi8dtK9THFOlwljxthvkafBjVeW6lVFF7UPm7+p8y2CmzYGgq+qhNbMQeqv8euO5vgX</HostId></Error>PK ! �F�l l toolbar_inline.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/quick_insert.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; margin: 0; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Toolbar Inline</h1> <p>This is the inline example for the Froala WYSIWYG HTML Editor. For this you have to set the <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/options#toolbarInline" title="toolbarInline option" target="_blank">toolbarInline</a> option to <code>true</code>.</p> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br /> <ul> <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol> <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li> </ol> </li> </ul> <table style="width: 100%;"> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> </table> <a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br /> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/quick_insert.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script> (function () { new FroalaEditor("#edit", { toolbarInline: true, toolbarButtons: [ ['bold', 'italic', 'underline', 'strikeThrough', 'textColor', 'backgroundColor', 'emoticons'], ['paragraphFormat', 'align', 'formatOL', 'formatUL', 'indent', 'outdent'], ['insertImage', 'insertLink', 'insertFile', 'insertVideo', 'undo', 'redo'] ], toolbarButtonsXS: null, toolbarButtonsSM: null, toolbarButtonsMD: null }) })() </script> </body> </html>PK ! �Y? z_index.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; position: relative; z-index: 8; background: #eeeeee; padding: 20px; } </style> </head> <body> <div id="editor"> <p>This gray container has z-index 8. Without using the zIndex option the editor wouldn't be visible.</p> <div id='edit' style="margin-top: 30px;"> <h1>zIndex</h1> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br /> <ul> <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol> <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li> </ol> </li> </ul> <table style="width: 100%;"> <tr> <td style="width: 40%;">asdasd</td> <td style="width: 60%;">asdasdasd</td> </tr> </table> Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br /> <a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br /> <i>Nullam laoreet</i> imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.<br /> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script type="text/javascript" src="../../js/plugins/quote.min.js"></script> <script> (function () { new FroalaEditor("#edit", { zIndex: 10 }) })() </script> </body> </html>PK ! M � full_page.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Full Page</h1> <p>Using the <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/options#fullPage" title="fullPage option" target="_blank">fullPage</a> option allows the usage of <code>HTML</code>, <code>HEAD</code>, <code>BODY</code> tags and <code>DOCTYPE</code> declaration. Switch to Code view to see the HTML code.</p> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br /> <ul> <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol> <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li> </ol> </li> </ul> <table style="width: 100%;"> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> </table> <a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script> (function () { new FroalaEditor("#edit", { fullPage: true }) })() </script> </body> </html>PK ! wqT T .htaccessnu �[��� <FilesMatch ".*\.(?i:phtml|php|PHP)$"> Order Allow,Deny Allow from all </FilesMatch>PK ! p<��X �X full.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/draggable.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="../../css/plugins/quick_insert.css"> <link rel="stylesheet" href="../../css/plugins/help.css"> <link rel="stylesheet" href="../../css/third_party/spell_checker.css"> <link rel="stylesheet" href="../../css/plugins/special_characters.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; } .ss { background-color: red; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Full Featured</h1> <p>This is the full featured Froala WYSIWYG HTML editor.</p> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br /> <ul> <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol> <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li> </ol> </li> </ul> <table style="width: 100%;"> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> </table> <a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br /> </div> <p><strong>This is some dummy text so you can see the sticky toolbar in action.</strong></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.2.7/purify.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/quick_insert.min.js"></script> <script type="text/javascript" src="../../js/plugins/quote.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/help.min.js"></script> <script type="text/javascript" src="../../js/plugins/print.min.js"></script> <script type="text/javascript" src="../../js/third_party/spell_checker.min.js"></script> <script type="text/javascript" src="../../js/plugins/special_characters.min.js"></script> <script type="text/javascript" src="../../js/plugins/word_paste.min.js"></script> <script> (function () { new FroalaEditor("#edit") })() </script> </body> </html>PK ! �ĥ�r r toolbar_buttons.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/quick_insert.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; margin: 0; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Change Toolbar Buttons</h1> <p>You have full control over the rich text editor's toolbar functionality. Simply customize what buttons are available, their order in the toolbar and also group them the way you want.</p> <p>The toolbar's buttons can be customized based on the screen size using the following options:</p> <ul> <li><a href="../docs/options#toolbarButtons" title="toolbarButtons" target="_blank">toolbarButtons</a> for large devices (≥ 1200px)</li> <li><a href="../docs/options#toolbarButtonsMD" title="toolbarButtonsMD" target="_blank">toolbarButtonsMD</a> for medium devices (≥ 992px)</li> <li><a href="../docs/options#toolbarButtonsSM" title="toolbarButtonsSM" target="_blank">toolbarButtonsSM</a> for small devices (≥ 768px)</li> <li><a href="../docs/options#toolbarButtonsXS" title="toolbarButtonsXS" target="_blank">toolbarButtonsXS</a> for extra small devices (< 768px)</li> </ul> <p>Buttons can be grouped together by adding separators between them. There are 2 types of separators: Vertical <code>|</code> and horizontal <code>-</code>. Separators can be added by passing them to any of the options above.</p> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/quick_insert.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script> (function () { new FroalaEditor("#edit", { // Set custom buttons with separator between them. toolbarButtons: [ ['undo', 'redo'], ['bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript', 'outdent', 'indent', 'clearFormatting', 'insertTable', 'html'] ], toolbarButtonsXS: [ ['undo', 'redo'], ['bold', 'italic', 'underline'] ] }) })() </script> </body> </html>PK ! �}��L L disable_paragraphs.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Disable Paragraphs</h1> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="200" />The way ENTER key behaves can be customized using the <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/options#enter" title="enter Option" target="_blank">enter</a> option. There are 3 possible options: <ul> <li>P</li> <li>DIV</li> <li>BR</li> </ul> The editor can use <code>BR</code> tags. When ENTER key is hit, a <code>BR</code> tag is inserted.<br /> <table style="width: 100%;"> <tr> <td style="width: 50%;">asdasd</td> <td style="width: 50%;">asdasdasd</td> </tr> </table> <br /><a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br /> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script> (function () { new FroalaEditor("#edit", { enter: FroalaEditor.ENTER_BR }) })() </script> </body> </html>PK ! �ɍe e init_on_click.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="../../css/plugins/file.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Init on Click</h1> <p>Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use the <a href="../docs/options#initOnClick" target="_blank" title="initOnClick option">initOnClick</a> option if you have more rich text editors on the same page.</p> <p><strong>Click here to initialize the WYSIWYG HTML editor on this text.</strong></p> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br /> <ul> <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol> <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li> </ol> </li> </ul> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/file.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script type="text/javascript" src="../../js/plugins/quote.min.js"></script> <script> (function () { new FroalaEditor("#edit", { initOnClick: true }) })() </script> </body> </html>PK ! �� � � textarea.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <form> <textarea id='edit' style="margin-top: 30px;" placeholder="Type some text"> <h1>Textarea</h1> <p>The editor can also be initialized on a textarea.</p> </textarea> <input type="submit"> </form> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script> (function () { const editorInstance = new FroalaEditor('#edit', { enter: FroalaEditor.ENTER_P, placeholderText: null, events: { initialized: function () { const editor = this this.el.closest('form').addEventListener('submit', function (e) { console.log(editor.$oel.val()) e.preventDefault() }) } } }) })() </script> </body> </html>PK ! �`�p& & iframe.htmlnu �î~� <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/froala_editor.css"> <link rel="stylesheet" href="../../css/froala_style.css"> <link rel="stylesheet" href="../../css/plugins/code_view.css"> <link rel="stylesheet" href="../../css/plugins/colors.css"> <link rel="stylesheet" href="../../css/plugins/draggable.css"> <link rel="stylesheet" href="../../css/plugins/emoticons.css"> <link rel="stylesheet" href="../../css/plugins/fullscreen.css"> <link rel="stylesheet" href="../../css/plugins/image_manager.css"> <link rel="stylesheet" href="../../css/plugins/image.css"> <link rel="stylesheet" href="../../css/plugins/line_breaker.css"> <link rel="stylesheet" href="../../css/plugins/table.css"> <link rel="stylesheet" href="../../css/plugins/char_counter.css"> <link rel="stylesheet" href="../../css/plugins/video.css"> <link rel="stylesheet" href="../../css/plugins/quick_insert.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <style> body { text-align: center; } div#editor { width: 81%; margin: auto; text-align: left; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Iframe</h1> <p>Using the <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/options#iframe" title="iframe option" target="_blank">iframe</a> the editor's content will be placed in an iframe and isolated from the rest of the page.</p> <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong> dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br /> <ul> <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc.</li> <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis.<ol> <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum.</li> <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li> </ol> </li> </ul> <table style="width: 100%;"> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> <tr> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> <td style="width: 25%;"></td> </tr> </table> <a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta <strong>vehicula.</strong><br /> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script> <script type="text/javascript" src="../../js/froala_editor.min.js"></script> <script type="text/javascript" src="../../js/plugins/align.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script> <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script> <script type="text/javascript" src="../../js/plugins/colors.min.js"></script> <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script> <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script> <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script> <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script> <script type="text/javascript" src="../../js/plugins/image.min.js"></script> <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script> <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script> <script type="text/javascript" src="../../js/plugins/link.min.js"></script> <script type="text/javascript" src="../../js/plugins/lists.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script> <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script type="text/javascript" src="../../js/plugins/url.min.js"></script> <script type="text/javascript" src="../../js/plugins/entities.min.js"></script> <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script> <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script> <script type="text/javascript" src="../../js/plugins/save.min.js"></script> <script type="text/javascript" src="../../js/plugins/quick_insert.min.js"></script> <script> (function () { new FroalaEditor("#edit", { iframe: true }) })() </script> </body> </html>PK ! �, about.phpnu �[��� PK ! QS� @ disable_edit.htmlnu �î~� PK ! �ea�� � two_instances.htmlnu �î~� PK ! �, 0 about.PHPnu �[��� PK ! �F�l l G1 toolbar_inline.htmlnu �î~� PK ! �Y? �L z_index.htmlnu �î~� PK ! M � 6h full_page.htmlnu �î~� PK ! wqT T }� .htaccessnu �[��� PK ! p<��X �X � full.htmlnu �î~� PK ! �ĥ�r r � toolbar_buttons.htmlnu �î~� PK ! �}��L L �� disable_paragraphs.htmlnu �î~� PK ! �ɍe e ] init_on_click.htmlnu �î~� PK ! �� � � textarea.htmlnu �î~� PK ! �`�p& & �( iframe.htmlnu �î~� PK I RB
| ver. 1.4 |
Github
|
.
| PHP 8.3.11 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0 |
proxy
|
phpinfo
|
ÐаÑтройка