robo

Sleeping

App Files Files Community

DmitrMakeev commited on Sep 20, 2024

Commit

4ea782d

verified ·

1 Parent(s): 4cc52fc

Update forms.html

Browse files

Files changed (1) hide show

forms.html +44 -35

forms.html CHANGED Viewed

@@ -2,41 +2,50 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-<script src="https://cdn.jsdelivr.net/npm/formeo@1.6.2/dist/formeo.min.js"></script>
-<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/formeo.min.css" rel="stylesheet">
-  <style>
-body {
-  background: radial-gradient(circle, #484848, #2F3031);
-}
-  </style>
 </head>
 <body>
-<div id="formeo-editor-1"></div>
-<div id="formeo-editor-2"></div>
-<button onclick="console.log(formeo1.formData)">DATA 1</button>
-<button onclick="console.log(formeo2.formData)">DATA 2</button>
-  <script>
-var formeo1 = new FormeoEditor({
-  editorContainer: '#formeo-editor-1',
-  svgSprite: 'https://draggable.github.io/formeo/assets/img/formeo-sprite.svg'
-});
-var formeo2 = new FormeoEditor({
-  container: '#formeo-editor-2',
-  svgSprite: 'https://draggable.github.io/formeo/assets/img/formeo-sprite.svg'
-});
-  </script>
 </body>
-</html>

 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Formeo with JSON Copy</title>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/formeo.min.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/formeo.min.css" rel="stylesheet">
+    <style>
+        body {
+            background: radial-gradient(circle, #484848, #2F3031);
+            font-family: Arial, sans-serif;
+            margin: 20px;
+        }
+        button {
+            padding: 10px 20px;
+            margin-top: 20px;
+            cursor: pointer;
+        }
+    </style>
 </head>
 <body>
+    <h1>Formeo with JSON Copy</h1>
+    <div id="formeo-editor-1"></div>
+    <button id="copyJsonButton">Копировать JSON в буфер обмена</button>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            // Инициализация Formeo
+            var formeo1 = new FormeoEditor({
+                editorContainer: '#formeo-editor-1',
+                svgSprite: 'https://draggable.github.io/formeo/assets/img/formeo-sprite.svg'
+            });
+            // Добавление обработчика события для кнопки
+            document.getElementById('copyJsonButton').addEventListener('click', function() {
+                formeo1.getJSON().then(json => {
+                    const jsonString = JSON.stringify(json, null, 2);
+                    navigator.clipboard.writeText(jsonString).then(() => {
+                        alert('JSON скопирован в буфер обмена');
+                    }).catch(err => {
+                        alert('Не удалось скопировать JSON в буфер обмена: ' + err);
+                    });
+                }).catch(err => {
+                    alert('Ошибка при получении JSON: ' + err);
+                });
+            });
+        });
+    </script>
 </body>
+</html>