Comments (8)
@prateekrastogi That made no sense whatsoever 😂 Good job doing that 4 times in a row!
from craft.js.
I'm not too sure if I understand completely of what you're trying to propose. There should not be an issue with using those "modern design systems" - the demos are using material-ui
, but I assume you're referring to something else.
Perhaps it would help if you could provide an example what you're trying to achieve that is not yet possible with Craft.js.
from craft.js.
Since you choose to ignore overall context of my issue including heading and got fixated on modern design systems
. Lets me clear that issue first with examples of Hallway Usability Test:
- Go to https://craft.js.org/r/docs/guides/basic-tutorial#user-components
- Well, "you can not still" craft.js a
A React Framework for building extensible drag and drop page editors
without Toolbox importing hard dependencies such as thisimport { Box, Typography, Grid, Button as MaterialButton } from "@material-ui/core";
Or to summarize, your page editor is tightly coupled to the page editing components it statically imports. In other words, we need runtime loading for such components instead of "static compilation".
from craft.js.
Look, I did not ignore your overall context. I literally asked for clarification because I did not understand it.
If you're talking about dynamic imports of components, it is currently out of scope for this project. You could try using existing solutions like the one provided by Next.js.
from craft.js.
ok
from craft.js.
Hey @prateekrastogi , I am just learning this library and trying to make a PoC editor. Your concern seems quite disturbing and might actually affect my decision to stay with this library if it proves to be impractical for a very specific use case I have. Since it's quite hard to understand, would you mind explaining the obstacles you have discovered in layman's terms?
Also I can't seem to follow your steps to reproduce.
from craft.js.
It must use canvas for drag and drop editor for large scale use-cases. It seems to be most major flaw with craft.js.
from craft.js.
@prateekrastogi Did you mean Canvas craft.js component or canvas html element? I am really confused now.
from craft.js.
Related Issues (20)
- User Component name doesn't change when specified in config HOT 1
- Nested elements are created as Linked Nodes instead of child nodes HOT 1
- How do I drag my saved serialized json into the editor? HOT 4
- The rollup packaging of the Craft.js project was successful, but when used, it reported an error "Buffer is not defined."
- Cancel drop HOT 2
- How do i get my html markup HOT 2
- Craft.js with React version 17 or 18 HOT 2
- Customizeable drag and drop HOT 1
- Rollup cache is published to NPM
- Avoid animation of the element snapping back to its origin position when element is dropped. HOT 1
- Something like maxlength or max content restrictions
- Rendering a Navbar with dynamic menu items (e.g. Home, Blog) HOT 1
- Question: can I load html into the editor instead of manually build? HOT 1
- Drag and drop does not work in the tutorial HOT 4
- addNodeTree error
- Allow Import of Element/Components from outside project
- isDeletable is inadequate - or just plain wrong.
- Selected node is reset when i interact with editor on production HOT 1
- Non string literal Element id result in corrupt json HOT 2
- Indicators not showing.
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 craft.js.