Code Monkey home page Code Monkey logo

Comments (13)

michelson avatar michelson commented on September 22, 2024 1

from dante.

michelson avatar michelson commented on September 22, 2024

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.

OtavioRLopes avatar OtavioRLopes commented on September 22, 2024

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.

OtavioRLopes avatar OtavioRLopes commented on September 22, 2024

Hey Michael, unfortunately, the code box that you link, isn't initializing the editor either

from dante.

OtavioRLopes avatar OtavioRLopes commented on September 22, 2024

I found a lot of another ones hehehe thank you :)

from dante.

michelson avatar michelson commented on September 22, 2024

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.

OtavioRLopes avatar OtavioRLopes commented on September 22, 2024

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!
error

from dante.

michelson avatar michelson commented on September 22, 2024

from dante.

gitteroy avatar gitteroy commented on September 22, 2024

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.

michelson avatar michelson commented on September 22, 2024

i'm not sure, I have the project running in several projects. Also I've tried the code sandbox and I see it working.

imageç

are you running this in nextjs project? which node version? which system?

from dante.

gitteroy avatar gitteroy commented on September 22, 2024

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.

michelson avatar michelson commented on September 22, 2024

from dante.

idea-notes avatar idea-notes commented on September 22, 2024

i'm not sure, I have the project running in several projects. Also I've tried the code sandbox and I see it working.

imageç

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.