|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<title></title> |
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/grapesjs"> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/js/grapes.min.js"></script> |
|
|
|
|
|
<link rel="stylesheet" href="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/css/uikit.min.css" /> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit.min.js"></script> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit-icons.js"></script> |
|
|
|
|
|
<link rel="stylesheet" href="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/css/style.css"> |
|
|
|
|
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/custom-page-manager.js"></script> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/custom-code-editor.js"></script> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/customize-devices.js"></script> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/customize-options.js"></script> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/customize-views.js"></script> |
|
|
|
|
|
|
|
</head> |
|
<body> |
|
<div id="gjs"></div> |
|
|
|
|
|
<script type="text/javascript"> |
|
const categories = { |
|
'layout': 'Layout <span class="gjs-title-tags">Elements</span>', |
|
'basic': 'Basic <span class="gjs-title-tags">Elements</span>', |
|
'typography': 'Typography <span class="gjs-title-tags">Elements</span>', |
|
'media': 'Media <span class="gjs-title-tags">Elements</span>', |
|
'components': 'Components <span class="gjs-title-tags">Layout structure</span>', |
|
'pages': 'Pages <span class="gjs-title-tags">Fully constructed layouts</span>', |
|
'uikit': 'UIKit Component <a target="_blank" href="https://getuikit.com/docs/accordion">UIKit Doc</a>', |
|
'mylinkpreview': '<a target="_blank" href="https://mylinkpreview.com/">MylinkPreview</a> Blocks' |
|
} |
|
|
|
const editor = grapesjs.init({ |
|
container : '#gjs', |
|
height: '100vh', |
|
|
|
canvas: { |
|
styles: [ |
|
'https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/css/uikit.min.css', |
|
], |
|
scripts: [ |
|
'https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit.min.js', |
|
'https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit-icons.min.js' |
|
] |
|
}, |
|
|
|
plugins: [ |
|
'customPageManager', |
|
'customCodeEditor', |
|
'customizeDevices', |
|
'customizeOptions', |
|
'customizeViews', |
|
|
|
editor => { |
|
|
|
}, |
|
], |
|
|
|
storageManager: { |
|
type: 'remote', |
|
autosave: false, |
|
stepsBeforeSave: 1, |
|
contentTypeJson: true, |
|
urlStore: 'https://dmtuit-psy-vk2.hf.space/storage/save', |
|
urlLoad: 'https://dmtuit-psy-vk2.hf.space/storage/save', |
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
const blockManager = editor.BlockManager; |
|
const commands = editor.Commands; |
|
</script> |
|
|
|
|
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/blocks/pages.js"></script> |
|
<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/blocks/elements.js"></script> |
|
</body> |
|
</html> |
