Файловый менеджер - Редактировать - /var/www/game-equip/static/img/logo/events.zip
Ðазад
PK ! "߀� � content_changed.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/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>Content Changed Event</h1> <p>This example allows you to see when the <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/events#contentChanged" title="contentChanged event" target="_blank">contentChanged</a> event is triggered. Open the browser console to follow the event.</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/draggable.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/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/inline_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> (function () { const editorInstance = new FroalaEditor('#edit', { enter: FroalaEditor.ENTER_P, events: { contentChanged: function () { console.log('content changed') } } }) })() </script> </body> </html>PK ! ?���� � image_removed.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/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>Image Removed event</h1> <p>In this example you can see how the <a href="https://www.froala.com/wysiwyg-editor/docs/events#image.removed" title="image.removed">image.removed</a> event is fired. Don't forget to open the browser console.</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/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/inline_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> (function () { const editorInstance = new FroalaEditor('#edit', { enter: FroalaEditor.ENTER_P, events: { 'image.removed': function ($img) { console.log('image removed', $img) console.log('image src', $img.attr('src')) } } }) })() </script> </body> </html>PK ! � z~ ~ blur_focus.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/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; } div#input-parent { background: #efefef; padding: 10px; margin-top: 30px; } </style> </head> <body> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Blur / Focus Events</h1> <p>This example allows you to see when the <a href="https://www.froala.com/wysiwyg-editor/docs/events#blur" title="Blur event" target="_blank">blur</a> and the <a href="https://www.froala.com/wysiwyg-editor/docs/events#focus" title="Focus event" target="_blank">focus</a> events are triggered. Open the browser console to follow the event flow.</p> </div> <div id="input-parent"> <p>Use the input below to test focus and blur events together with an input.</p> <input id="asd" type="text"><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/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/table.min.js"></script> <script type="text/javascript" src="../../js/plugins/video.min.js"></script> <script> (function () { const editorInstance = new FroalaEditor('#edit', { enter: FroalaEditor.ENTER_P, events: { focus: function () { console.log('focus') }, blur: function () { console.log('blur') } } }) document.getElementById('asd').addEventListener('focus', function () { console.log('input focus') }) document.getElementById('asd').addEventListener('blur', function () { console.log('input blur') }) })() </script> </body> </html>PK ! mUV�� � initialized_destroy.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; } div#buttons { margin-top: 30px; } </style> </head> <body> <div id="buttons"> <button id="init">Init Editor</button> <button id="destroy">Destroy Editor</button> </div> <div id="editor"> <div id='edit' style="margin-top: 30px;"> <h1>Initialized / Destroy Events</h1> <p>This example allows you to see when the <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/events#initialized" title="Initialized Event" target="_blank">initialized</a> and <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/events#destroy" title="Destroy Event" target="_blank">destroy</a> events are triggered. Open the browser console to follow the events.</p> <p>You can destroy and initialize the editor again to see the events being triggered.</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/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 () { var editorInstance document.getElementById('init').addEventListener('click', function (e) { document.getElementById('edit').classList.remove('fr-view') editorInstance = new FroalaEditor('#edit', { events: { initialized: function () { console.log('Initialized') }, destroy: function () { console.log('Destroy') } } }) }) document.getElementById('destroy').addEventListener('click', function (e) { editorInstance.destroy() document.getElementById('edit').classList.add('fr-view') }) })() </script> </body> </html>PK ! ~dQ=� � drop.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/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; } div#dragme { border: solid 1px #CCC; display: inline-block; padding: 10px; background: #efefef; } [draggable=true] { -khtml-user-drag: element; } </style> </head> <body> <div id="editor"> <div id="dragme" draggable="true"> Drag & Drop me inside the editor </div> <div id='edit' style="margin-top: 30px;"> <h1>Drop Event</h1> <p>Drag & Drop the box above into the editable area to see the <a href="https://www.froala.com/wysiwyg-editor/docs/events#drop" title="Drop Event">drop</a> event being triggered. Don't forget to open the browser console to follow the event.</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/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/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/inline_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> (function () { const editorInstance = new FroalaEditor('#edit', { enter: FroalaEditor.ENTER_P, events: { drop: function (dropEvent) { console.log('drop') const instance = this editor.markers.insertAtPoint(dropEvent.originalEvent) var $marker = editor.$el.find('.fr-marker') $marker.replaceWith(FroalaEditor.MARKERS) editor.selection.restore() // Insert HTML. editor.html.insert('Element dropped here.') dropEvent.preventDefault() dropEvent.stopPropagation() return false } } }) // For Firefox to work. document.getElementById('dragme').addEventListener('dragstart', function (e) { e.dataTransfer.setData('Text', this.id) }) })() </script> </body> </html>PK ! "߀� � content_changed.htmlnu �î~� PK ! ?���� � % image_removed.htmlnu �î~� PK ! � z~ ~ � blur_focus.htmlnu �î~� PK ! mUV�� � �1 initialized_destroy.htmlnu �î~� PK ! ~dQ=� � �A drop.htmlnu �î~� PK � �R
| ver. 1.4 |
Github
|
.
| PHP 8.3.11 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0 |
proxy
|
phpinfo
|
ÐаÑтройка