GrapesJS NodeJS JSON Converter to HTML/CSS
The GrapesJS NodeJS JSON Converter is a powerful feature designed to enhance the functionality of the GrapesJS editor by allowing seamless conversion between NodeJS and JSON data structures. This tool is ideal for developers looking to streamline their workflow in web development environments.
Development Status:
This feature is currently under development. We are committed to refining its features and ensuring its compatibility and performance across various environments.
Instruction:
+Server IP : 127.0.0.1 Port : 3000
Endpoint Request Method
/api/2html-css POST
Example for JSON Data Format :
{
"htmlJson": [
{
"tagName": "div",
"components": [
{
"type": "image",
"attributes": { "src": "https://path/image", "class": "my-cls" }
},
{
"tagName": "span",
"type": "text",
"attributes": { "title": "foo" },
"components": [{
"type": "textnode",
"content": "Hello world!!!"
}]
}
]
}
],
"cssJson": [
{
"selectors": ["my-cls"],
"style": {
"color": "red"
}
},
{
"selectors": ["my-cls-2"],
"style": {
"color": "green"
}
}
]
}
The GrapesJS NodeJS JSON Converter is a powerful feature designed to enhance the functionality of the GrapesJS editor by allowing seamless conversion between NodeJS and JSON data structures. This tool is ideal for developers looking to streamline their workflow in web development environments.
Development Status:
This feature is currently under development. We are committed to refining its features and ensuring its compatibility and performance across various environments.
Instruction:
+Server IP : 127.0.0.1 Port : 3000
Endpoint Request Method
/api/2html-css POST
Example for JSON Data Format :
{
"htmlJson": [
{
"tagName": "div",
"components": [
{
"type": "image",
"attributes": { "src": "https://path/image", "class": "my-cls" }
},
{
"tagName": "span",
"type": "text",
"attributes": { "title": "foo" },
"components": [{
"type": "textnode",
"content": "Hello world!!!"
}]
}
]
}
],
"cssJson": [
{
"selectors": ["my-cls"],
"style": {
"color": "red"
}
},
{
"selectors": ["my-cls-2"],
"style": {
"color": "green"
}
}
]
}0 reviews