Next.JS Implementation

[jonrrivera]

Hey,

Thanks for the great repo. I found that I cant use this in my next.js app because all global CSS has to be declared on the root component. if there a way to use this without the CSS? I think that should make it work.

Please let me know if you need any more details. thank you!

[jaywcjlove]

@jonrrivera uiwjs/react-md-editor#52 Hope it helps you.

[jaywcjlove]

@jonrrivera Exmaple: https://codesandbox.io/s/nextjs-example-react-markdown-preview-vuxih?file=/pages/index.js

[jaywcjlove]

uiwjs/react-md-editor#52 (comment)

I created a nextjs package next-remove-imports to solve the problem.

[jaywcjlove]

@jonrrivera

[AnderUstarroz]

I made it work by adding this to my next.config.js file:

const removeImports = require("next-remove-imports")({});

const nextConfig = removeImports({
 your config here...
 ...
 ...
});

module.exports = nextConfig;

And the following within my page:

import { MarkdownPreviewProps } from "@uiw/react-markdown-preview";


const MarkdownPreview = dynamic<MarkdownPreviewProps>(
  () => import("@uiw/react-markdown-preview"),
  {
    ssr: false,
  }
);

const MyPage: NextPage = () => {
  return (<div><MarkdownPreview source={"Some **markdown** text"} /></div>)
}

[jaywcjlove]

Example: @uiwjs/next-remove-imports/example

• Support Next.js react-md-editor#446 (comment)

[papito1992]

Has anyone figured out how to add custom commands in nextjs? seems to work with the default settings but i have no idea how to add more custom headings other than the one provided to the toolbar.