Comments (13)
from dante.
Sure you can. check how the blocks work, I suggest that you check the code at
https://github.com/michelson/Dante/tree/main/packages/dante3/src/blocks , you can add a new block and add it to the widgets prop: https://www.dante-editor.dev/posts/extensions
from dante.
Michelson, probably, it will be a real noob question.. But like the noob that I am, ok. Sorry for that.
What I did so far:
1 - npx create-react-app my-app;
2 - cd my-app then -npm install dante3
3 - src/App.js:
import DanteEditor from 'dante3';
import './App.css';
function App() {
return (
<DanteEditor content={"Hello, world!"} />
);
}
export default App;
4 - The error: Attempted import error: 'dante3' does not contain a default export (imported as 'DanteEditor').
I also tried as: import { DanteEditor } from 'dante3';
Did I do something wrong?
So, sorry for my noob question, but would be amazing if you help me to start this!
All I want is to create a index page, with the editor that I can write somethings and save them into my database..
Thank you!! Best regards
from dante.
Hey Michael, unfortunately, the code box that you link, isn't initializing the editor either
from dante.
I found a lot of another ones hehehe thank you :)
from dante.
I have updated the code sandboxt to the latest version and added the missing dependence,
glad that it worked tho, let me know how it goes.
from dante.
I'm facing this errors.. Any sugestion, tip?
I'm trying to initiate it, React app, npm start. Is that ok ?
Thank you for your attention!
from dante.
from dante.
I have the same errors. Even after adding all the dependencies in https://codesandbox.io/s/dante-editor-3-tester-hzi3l. Seems like a common problem, any advice?
ERROR in ./node_modules/dante3/package/esm/index.js 34:0-27
Module not found: Error: Can't resolve 'lowlight/lib/core' in '...\node_modules\dante3\package\esm'
Did you mean 'core.js'?
BREAKING CHANGE: The request 'lowlight/lib/core' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
from dante.
i'm not sure, I have the project running in several projects. Also I've tried the code sandbox and I see it working.
are you running this in nextjs project? which node version? which system?
from dante.
I was running on Next and had those issues. However, I saw the sandbox is running very well so I started a fresh React app and copied all of your dependencies and code, but still ended up with that error above. Do u have or know any public React/JS projects that running Dante?
from dante.
from dante.
i'm not sure, I have the project running in several projects. Also I've tried the code sandbox and I see it working.
are you running this in nextjs project? which node version? which system?
I was running on Next and had those issues. However, I saw the sandbox is running very well so I started a fresh React app and copied all of your dependencies and code, but still ended up with that error above. Do u have or know any public React/JS projects that running Dante?
I have the same errors. Even after adding all the dependencies in https://codesandbox.io/s/dante-editor-3-tester-hzi3l. Seems like a common problem, any advice?
ERROR in ./node_modules/dante3/package/esm/index.js 34:0-27 Module not found: Error: Can't resolve 'lowlight/lib/core' in '...\node_modules\dante3\package\esm' Did you mean 'core.js'? BREAKING CHANGE: The request 'lowlight/lib/core' failed to resolve only because it was resolved as fully specified (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"'). The extension in the request is mandatory for it to be fully specified. Add the extension to the request.
I have the same errors. Even after adding all the dependencies in https://codesandbox.io/s/dante-editor-3-tester-hzi3l. Seems like a common problem, any advice?
ERROR in ./node_modules/dante3/package/esm/index.js 34:0-27 Module not found: Error: Can't resolve 'lowlight/lib/core' in '...\node_modules\dante3\package\esm' Did you mean 'core.js'? BREAKING CHANGE: The request 'lowlight/lib/core' failed to resolve only because it was resolved as fully specified (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"'). The extension in the request is mandatory for it to be fully specified. Add the extension to the request.
same problem, but without next js, only react js
from dante.
Related Issues (20)
- how can i compile it to plain vanillaJS? HOT 1
- prosemirror-state package constructor issue HOT 2
- "Cannot load such file -- coffee_script" for Rails 7 HOT 1
- Cannot Start a New Line When Uploading Images & Image Gets Deleted When Pressed Enter [Video Included] HOT 2
- prosemirrorState Error HOT 37
- cannot build dante3 HOT 2
- running Dante locally with errors... HOT 1
- where can I find "Clear Format" ? HOT 3
- prosemirrorState.PluginKey is not a constructor HOT 7
- Dante3 not working with vite HOT 7
- RangeError: Adding different instances of a keyed plugin (plugin$) HOT 4
- How would I get the "raw" html for image block?
- TypeError: Cannot read properties of undefined (reading 'Extension') HOT 3
- How can I use Dante with JQuery?
- Dante 3 Nextjs page to Nextjs app HOT 9
- Dante3 doesn't work with Vite HOT 1
- Need help in fixing Dante-3 issues HOT 1
- Uncaught TypeError: styled.div is not a function HOT 2
- Hi the code is not working in next js , what can I do? HOT 3
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 dante.