Update pages.html
Browse files- pages.html +77 -77
pages.html
CHANGED
@@ -767,68 +767,75 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
767 |
|
768 |
|
769 |
|
770 |
-
|
771 |
-
|
772 |
-
|
773 |
-
|
774 |
-
|
775 |
-
|
776 |
-
|
777 |
-
|
778 |
-
|
779 |
-
|
780 |
-
|
781 |
-
|
782 |
-
|
783 |
-
|
784 |
-
|
785 |
-
|
786 |
-
|
787 |
-
|
788 |
-
|
789 |
-
|
790 |
-
|
791 |
-
|
792 |
-
|
793 |
-
|
794 |
-
|
795 |
-
|
796 |
-
|
797 |
-
|
798 |
-
|
799 |
-
|
800 |
-
|
801 |
-
|
802 |
-
|
803 |
-
|
804 |
-
|
805 |
-
|
806 |
-
|
807 |
-
|
808 |
-
|
809 |
-
|
810 |
-
|
811 |
-
|
812 |
-
|
813 |
-
|
814 |
-
|
815 |
-
|
816 |
-
|
817 |
-
|
818 |
-
|
819 |
-
|
820 |
-
|
821 |
-
|
822 |
-
|
823 |
-
|
824 |
-
|
825 |
-
|
826 |
-
|
827 |
-
|
828 |
-
|
829 |
-
|
830 |
-
|
831 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
832 |
"gjs-blocks-basic",
|
833 |
"grapesjs-component-countdown",
|
834 |
"grapesjs-component-code-editor",
|
@@ -840,21 +847,14 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
840 |
"grapesjs-script-editor", // Плагин редактора скриптов
|
841 |
"grapesjs-rulers" // Добавляем плагин линеек
|
842 |
],
|
843 |
-
|
844 |
-
|
845 |
-
|
846 |
-
|
847 |
-
|
848 |
-
|
849 |
-
|
850 |
-
|
851 |
-
|
852 |
-
editor.BlockManager.add('testBlock', {
|
853 |
-
label: 'Block',
|
854 |
-
attributes: { class: 'gjs-fonts gjs-f-b1' },
|
855 |
-
content: `<div style="padding-top:50px; padding-bottom:50px; text-align:center">Test block</div>`,
|
856 |
-
});
|
857 |
-
</script>
|
858 |
|
859 |
<script>
|
860 |
|
|
|
767 |
|
768 |
|
769 |
|
770 |
+
<script type="text/javascript">
|
771 |
+
var editor = grapesjs.init({
|
772 |
+
showOffsets: 1,
|
773 |
+
noticeOnUnload: 0,
|
774 |
+
container: '#gjs',
|
775 |
+
height: '100%',
|
776 |
+
fromElement: true,
|
777 |
+
storageManager: { autoload: 0 },
|
778 |
+
styleManager: {
|
779 |
+
sectors: [
|
780 |
+
{
|
781 |
+
name: 'General',
|
782 |
+
open: false,
|
783 |
+
buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],
|
784 |
+
},
|
785 |
+
{
|
786 |
+
name: 'Flex',
|
787 |
+
open: false,
|
788 |
+
buildProps: [
|
789 |
+
'flex-direction',
|
790 |
+
'flex-wrap',
|
791 |
+
'justify-content',
|
792 |
+
'align-items',
|
793 |
+
'align-content',
|
794 |
+
'order',
|
795 |
+
'flex-basis',
|
796 |
+
'flex-grow',
|
797 |
+
'flex-shrink',
|
798 |
+
'align-self',
|
799 |
+
],
|
800 |
+
},
|
801 |
+
{
|
802 |
+
name: 'Dimension',
|
803 |
+
open: false,
|
804 |
+
buildProps: ['width', 'height', 'max-width', 'min-height', 'margin', 'padding'],
|
805 |
+
},
|
806 |
+
{
|
807 |
+
name: 'Typography',
|
808 |
+
open: false,
|
809 |
+
buildProps: [
|
810 |
+
'font-family',
|
811 |
+
'font-size',
|
812 |
+
'font-weight',
|
813 |
+
'letter-spacing',
|
814 |
+
'color',
|
815 |
+
'line-height',
|
816 |
+
'text-shadow',
|
817 |
+
],
|
818 |
+
},
|
819 |
+
{
|
820 |
+
name: 'Decorations',
|
821 |
+
open: false,
|
822 |
+
buildProps: [
|
823 |
+
'border-radius-c',
|
824 |
+
'background-color',
|
825 |
+
'border-radius',
|
826 |
+
'border',
|
827 |
+
'box-shadow',
|
828 |
+
'background',
|
829 |
+
],
|
830 |
+
},
|
831 |
+
{
|
832 |
+
name: 'Extra',
|
833 |
+
open: false,
|
834 |
+
buildProps: ['transition', 'perspective', 'transform'],
|
835 |
+
},
|
836 |
+
],
|
837 |
+
},
|
838 |
+
plugins: [
|
839 |
"gjs-blocks-basic",
|
840 |
"grapesjs-component-countdown",
|
841 |
"grapesjs-component-code-editor",
|
|
|
847 |
"grapesjs-script-editor", // Плагин редактора скриптов
|
848 |
"grapesjs-rulers" // Добавляем плагин линеек
|
849 |
],
|
850 |
+
});
|
851 |
+
|
852 |
+
editor.BlockManager.add('testBlock', {
|
853 |
+
label: 'Block',
|
854 |
+
attributes: { class: 'gjs-fonts gjs-f-b1' },
|
855 |
+
content: `<div style="padding-top:50px; padding-bottom:50px; text-align:center">Test block</div>`,
|
856 |
+
});
|
857 |
+
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
858 |
|
859 |
<script>
|
860 |
|