Spaces:
Sleeping
Sleeping
File size: 2,319 Bytes
5331db2 4ea782d 7626b11 4ea782d 5331db2 4ea782d d21d95d 4ea782d ff2aa1e 4ea782d 4d07d73 ff2aa1e 4d07d73 7626b11 ff2aa1e 81428f7 4ea782d 81428f7 4ea782d 5331db2 4ea782d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<!DOCTYPE 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;
position: relative;
z-index: 1000; /* Устанавливаем z-index на 1000 */
}
</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
const formeoEditorInstance = new FormeoEditor({
editorContainer: '#formeo-editor-1',
svgSprite: 'https://draggable.github.io/formeo/assets/img/formeo-sprite.svg'
});
// Ожидание события formeo:ready
formeoEditorInstance.on('formeo:ready', function() {
// Добавление обработчика события для кнопки
document.getElementById('copyJsonButton').addEventListener('click', function() {
// Используем параметр FormeoEditor#json для получения JSON формы данных
const jsonString = formeoEditorInstance.json; // <-- Используем параметр FormeoEditor#json
navigator.clipboard.writeText(jsonString).then(() => {
alert('JSON скопирован в буфер обмена');
}).catch(err => {
alert('Не удалось скопировать JSON в буфер обмена: ' + err);
});
});
});
});
</script>
</body>
</html> |