@@ -60,53 +60,28 @@ <h4><span>server-side-render</span> <span class="cocreate-badge success">string<
60
60
</ div >
61
61
62
62
< div class ="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey ">
63
- <!-- SandBox -->
64
- < h2 class ="border-bottom:1px_solid_lightgrey padding:5px_0px "> Demo</ h2 >
65
- < div class ="position:sticky top:0 padding:10px_0px height:100vh ">
66
- < div class ="container svColumn overflow:hidden card border-radius:2px width:auto height:100% " id ="sandbox ">
67
- < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7 ">
68
- < a class ="margin-right:10px " id ="preview " show ="preview " hide ="code "> < i class ="far fa-eye "> </ i > </ a >
69
- < a class ="margin-right:10px hidden " id ="code " show ="code " hide ="preview "> < i class ="fas fa-code "> </ i > </ a >
70
- <!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
71
- < a target ="modal " href ="module_activity_datatable.html "
72
- pass-collection ="modules "
73
- pass-document_id =""
74
- pass-filter-value =""
75
- pass-prefix =""
76
- pass-to ="render "
77
- modal-width ="600px "
78
- modal-height ="400px "
79
- modal-color ="#229954 "
80
- modal-header ="false "
81
- class ="margin-right:10px ">
82
- < i class ="fas fa-external-link-alt "> </ i >
83
- </ a >
84
- < a class ="fs-toggle margin-right:5px " fullscreen target ="#sandbox "> < i class ="fas fa-expand "> </ i > </ a >
85
- </ div >
86
-
87
- < div class ="svRow ">
88
-
89
- < div class ="svColumn ">
90
-
91
- < div class ="svPanel ">
92
- < div realtime ="false "
93
- collection ="modules "
94
- document_id ="5eefe30952c6e94c75fb5e3f "
95
- name ="html "
96
- id ="7 "
97
- class ="codemirror height:100% min-width:300px ">
98
- </ div >
99
- </ div >
100
- < div class ="svSplitter svHorizontal "> </ div >
101
-
102
- < div class ="svPanel ">
103
- < iframe get-value ="7 " frameBorder ="0 " height ="100% " width ="100% " class ="min-width:300px "> </ iframe >
104
- </ div >
105
-
106
- </ div >
107
- </ div >
108
- </ div >
109
- <!-- End SandBox -->
63
+ <!-- SandBox -->
64
+ < div class ="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px " id ="playground ">
65
+
66
+ < div id ="demo-code " resizable class ="position:relative height:50% ">
67
+ < textarea type ="code " lang ="html " collection ="demos " document_id ="" name ="demo " save ="false " id ="demo " class ="height:100% width:100% outline:none border:none resize:none padding:5px "> </ textarea >
68
+ < div resize ="bottom " class ="background:lightgrey "> </ div >
69
+ </ div >
70
+
71
+ < div id ="demo-preview " class ="position:relative display:flex height:100% background-color:white ">
72
+ < div get-value ="#demo " class ="padding:20px "> </ div >
73
+ </ div >
74
+
75
+ < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 ">
76
+ < a class ="margin-right:10px " id ="eye " show ="#eye-slash " hide ="#eye, #demo-preview " toggle ="code-height " toggle-target ="#demo-code "> < i class ="far fa-eye "> </ i > </ a >
77
+ < a class ="margin-right:10px " hidden id ="eye-slash " show ="#eye, #demo-preview " hide ="#eye-slash " toggle ="code-height " toggle-target ="#demo-code "> < i class ="fas fa-eye-slash "> </ i > </ a >
78
+ < a class ="margin-right:10px " id ="code " show ="#code-slash " hide ="#code, #demo-code "> < i class ="fa fa-code "> </ i > </ a >
79
+ < a class ="margin-right:10px " hidden id ="code-slash " show ="#code, #demo-code " hide ="#code-slash "> < i class ="fas fa-code "> </ i > </ a >
80
+ < a class ="margin-right:5px " fullscreen target ="#playground "> < i class ="fas fa-expand "> </ i > </ a >
81
+ </ div >
82
+
83
+ </ div >
84
+ <!-- End SandBox -->
110
85
</ div >
111
86
</ div >
112
87
@@ -115,12 +90,11 @@ <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
115
90
< script >
116
91
var CoCreateConfig = {
117
92
apiKey : 'c2b08663-06e3-440c-ef6f-13978b42883a' ,
118
- securityKey : 'f26baf68-e3a9-45fc-effe-502e47116265' ,
119
93
organization_id : '5ff747727005da1c272740ab'
120
94
}
121
95
</ script >
122
96
123
97
<!--CoCreateJS-->
124
- < script src ="https://server .cocreate.app/js /CoCreate.min.js "> </ script >
98
+ < script src ="https://cdn .cocreate.app/1.34.3 /CoCreate.min.js "> </ script >
125
99
</ body >
126
100
</ html >
0 commit comments