Comments (3)
I whittled the json down a quite a bit, and noticed there is some possibly invalid JSON being generated as output?
"components":[
{
"name":"Row",
"droppable":".cell",
"resizable":{
"tl":0,
"tc":0,
"tr":0,
"cl":0,
"cr":0,
"bl":0,
"br":0,
"minDim":1
},
"classes":[
"row"
],
"attributes":{
"id":"ik4zj"
}
},
{
"type":"text",
"content":"<p style=\\""text-align":"center;\\""><em>With special appreciation for our <a href=\\""https":" target=\\""_blank\\"">Major Sponsors</a>:</em></p>\\n",
"attributes":{
"id":"in5ko"
}
}
]
Its like the introduction of the escaped double quotes is off slightly. JSON.stringify and JSON.parse don't seem to care about it, but theres something going on.
from grapesjs.
The root component of the page should be a wrapper
, in your case is a textnode
(eg. this might break a lot of stuff), with an empty tagName
(the reason behind <>
) and for some reason content: "undefined"
(?)
I wouldn't even expect it to load but the editor is making some slight enforcements on the root component but type
and tagName
are extendable so can not be enforced.
Can't really help here, I can only suggest updating the JSON manually or via script. This doesn't seem to be a behavior of any previous version, so might also be related to some custom code.
from grapesjs.
This is what was coming out of Grapes 0.18.4, therefor it was generated by grapes. I would expect if content was "undefined", grapes would either strip it or ignore it. For now i'm just stripping the <> out on my end, but I thought I'd just share it with you.
from grapesjs.
Related Issues (20)
- BUG: broken link in the API docs
- BUG: Possible upgrade path issue where 'textnode' is now called 'wrapper' from 0.18 -> latest HOT 1
- BUG: Propagating component defaults can break layers when child comments are introduced HOT 1
- BUG: Whitespace handling in inline elements
- BUG: editing/replacing the text inside of a link HOT 8
- BUG: Wrong Type in ColorPickerOptions Interface
- BUG: Building on Windows 10+ HOT 6
- BUG: XSS vulnerability in iframe attribute src HOT 8
- BUG: ColorPicker Offset incorrect when Panels are outside of Editor Container HOT 4
- BUG: The link titles are not editable HOT 2
- BUG: Wrong Type for "content" property in BlockProperties
- BUG: component.get('traits').clone() is no longer available. HOT 1
- BUG: Outlines persist in preview mode HOT 2
- BUG: CSS properties default values HOT 2
- BUG: Editing button text no longer works on 0.21.9 HOT 1
- BUG: How to add a addtional custom block manager like tab or section like block manager and style manager ,and add some blocks it to it? HOT 1
- BUG: typping error in dist/index.d.ts
- BUG: Filtering Blocks does not work as described in Docs HOT 2
- BUG: Unnecessary Canvas style HOT 3
- Interested in Collaboration?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from grapesjs.