@cmpsr/markdown-editor NPM | npm.io

2.0.33 • Published 10 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

10 months ago

Composer Markdown Editor

node version

The composer markdown editor is an opinionated React component implemented on top of lexical following and using a bunch of the playground code of the library, adapted to follow our code conventions and simplified to match our specific use case.

Using the library

npm install @cmpsr/components @cmpsr/markdown-editor

The @cmpsr/markdown-editor library requires react, react-dom and @cmpsr/components libraries to be installed in your project.

In order to get the component properly styled it has to be rendered inside a ComposerProvider component. Example of usage:

import React, { FC } from "react";
import { ComposerProvider } from "@cmpsr/components";
import { MarkdownEditor } from "@cmpsr/markdown-editor";

type Props = {
  value?: string;
  onChange?: (v: string) => void;
  placeholder?: string;
};

export const MyEditor: FC<Props> = ({ value, onChange, placeholder }) => (
  <ComposerProvider>
    <MarkdownEditor
      initialValue={value}
      onChange={onChange}
      placeholder={placeholder}
      height="350px"
      width="100%"
    />
  </ComposerProvider>
);

Initial value

This component is not a controlled component, the initialValue will only be set once to the first non falsy value provided, once a value is set subsequent values sent to the component will be ignored. For example in the following code the value set inside the setTimeout will be discarded by the MarkdownEditor and # First value will be used.

export const WithInitialValue = () => {
  const [value, setValue] = useState("# First value");

  useEffect(() => {
    setTimeout(() => {
      setValue("# Second value");
    }, 1000);
  }, []);

  return <MarkdownEditor initialValue={value} />;
};

Releasing your changes

Before creating the pull request you have to generate a changeset for your components, follow the instructions in here.

@lexical/markdown @lexical/react lexical lodash.debounce prismjs

@everything-registry/sub-chunk-181

10 months ago

10 months ago

10 months ago

2.0.33-20250127112335

10 months ago

10 months ago

2.0.33-20250127111806

10 months ago

2.0.33-20250124173937

10 months ago

2.0.33-20250127180543

10 months ago

2.0.33-20250127180146

10 months ago

2.0.33-20250127104725

10 months ago

2.0.33-20250127134759

10 months ago

2.0.33-20250124173330

10 months ago

2.0.31-20250115154815

10 months ago

2.0.32-20250116135801

10 months ago

2.0.33-20250127110815

10 months ago

2.0.33-20250127182012

10 months ago

2.0.33-20250127104403

10 months ago

2.0.33-20250127180853

10 months ago

2.0.33-20250127095643

10 months ago

2.0.31-20250115153009

10 months ago

2.0.33-20250127111428

10 months ago

2.0.33-20250124155300

10 months ago

1 year ago

2.0.29-canary-20241025074050

1 year ago

2.0.29-canary-20241025100435

1 year ago

2.0.29-canary-20241025071430

1 year ago

1 year ago

2.0.28-canary-20241009182444

1 year ago

2.0.28-canary-20241009201626

1 year ago

2.0.28-canary-20241009200356

1 year ago

2.0.28-canary-20241009175710

1 year ago

1 year ago

2.0.17-canary-20240530101527

1 year ago

2.0.17-canary-20240528105525

1 year ago

2.0.23-canary-20240730092540

1 year ago

2.0.17-canary-20240529133529

1 year ago

2.0.17-canary-20240531100307

1 year ago

2.0.17-canary-20240529100235

1 year ago

2.0.17-canary-20240528095329

1 year ago

2.0.20-canary-20240627203626

1 year ago

2.0.19-canary-20240608141031

1 year ago

2.0.17-canary-20240530140846

1 year ago

2.0.23-canary-20240726141312

1 year ago

2.0.17-canary-20240529135628

1 year ago

2.0.23-canary-20240729155900

1 year ago

2.0.17-canary-20240530085009

1 year ago

2.0.23-canary-20240726145935

1 year ago

2.0.17-canary-20240530144310

1 year ago

2.0.17-canary-20240529135035

1 year ago

2.0.18-canary-20240606122557

1 year ago

1 year ago

2.0.17-canary-20240528103401

1 year ago

2.0.23-canary-20240726144557

1 year ago

1 year ago

2.0.17-canary-20240530145651

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2.0.17-canary-20240530142029

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2.0.13-canary-20240422140218

2 years ago

2.0.13-canary-20240422133146

2 years ago

2.0.13-canary-20240422130728

2 years ago

2 years ago

2.0.13-canary-20240422134554

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2.0.8-canary-20240325123729

2 years ago

2.0.8-canary-20240325133956

2 years ago

2 years ago

2.0.7-canary-20240318121813

2 years ago

2.0.7-canary-20240318121319

2 years ago

2 years ago

2 years ago

2 years ago

2.0.4-canary-20240124140945

2 years ago

2 years ago

2 years ago

2.0.3-canary-20240123144046

2 years ago

2.0.4-canary-20240123163215

2 years ago

2 years ago

2.0.1-canary-20240115111711

2 years ago

2.0.1-canary-20240115103811

2 years ago

2.0.1-canary-20240115132426

2 years ago

2.0.0-canary-20240111154354

2 years ago

2 years ago

2.0.0-canary-20240111135608

2 years ago

1.3.7-canary-20240109143553

2 years ago

2 years ago

2 years ago

1.3.6-canary-20231218115033

2 years ago

1.3.6-canary-20231218121046

2 years ago

1.3.5-canary-20231213150657

2 years ago

2 years ago

1.3.5-canary-20231213145741

2 years ago

1.3.5-canary-20231213155725

2 years ago

1.3.5-canary-20231212174453

2 years ago

1.3.5-canary-20231212111301

2 years ago

1.3.5-canary-20231204093232

2 years ago

1.3.5-canary-20231204175323

2 years ago

1.3.5-canary-20231204163406

2 years ago

1.3.5-canary-20231204140033

2 years ago

2 years ago

2 years ago

1.3.3-canary-20231120134811

2 years ago

1.3.3-canary-20231120132554

2 years ago

1.3.3-canary-20231120111113

2 years ago

1.3.3-canary-20231120102924

2 years ago

1.3.3-canary-20231120102451

2 years ago

1.3.3-canary-20231120095410

2 years ago

2 years ago

1.3.2-canary-20231117131346

2 years ago

2 years ago

1.3.1-canary-20231114105529

2 years ago

1.3.1-canary-20231114102319

2 years ago

2 years ago

1.3.0-canary-20231106122056

2 years ago

1.3.0-canary-20231106111350

2 years ago

2 years ago

1.2.1-canary-20231016083635

2 years ago

1.2.1-canary-20231011155454

2 years ago

1.2.1-canary-20231011154615

2 years ago

1.2.1-canary-20231010182939

2 years ago

2 years ago

1.2.0-canary-20231009173938

2 years ago

1.2.0-canary-20231005192540

2 years ago

1.2.0-canary-20231005165922

2 years ago

1.2.0-canary-20231004183332

2 years ago

2 years ago

1.2.0-canary-20230928150656

2 years ago

1.2.0-canary-20230927121230

2 years ago

2 years ago

1.2.0-canary-20230926231759

2 years ago

1.2.0-canary-20230926191413

2 years ago

1.2.0-canary-20230926145337

2 years ago

1.1.2-canary-20230926143330

2 years ago

1.1.2-canary-20230926142647

2 years ago

1.2.0-canary-20230926090152

2 years ago

2 years ago

2 years ago

1.1.0-canary-20230922144515

2 years ago

1.1.0-canary-20230922084230

2 years ago

1.1.0-canary-20230921095159

2 years ago

1.1.0-canary-20230921094357

2 years ago

1.1.0-canary-20230921092742

2 years ago

1.1.0-canary-20230921085916

2 years ago

1.1.0-canary-20230921085232

2 years ago

1.1.0-canary-20230920124431

2 years ago

1.0.2-canary-20230919152505

2 years ago

2 years ago

2 years ago

1.0.0-canary-20230913100135

2 years ago

2 years ago

0.3.0-canary-20230908141250

2 years ago

0.3.0-canary-20230908140543

2 years ago

0.3.0-canary-20230908105028

2 years ago

0.3.0-canary-20230908103849

2 years ago

0.3.0-canary-20230908102706

2 years ago

2 years ago

0.2.1-canary-20230905140428

2 years ago

2 years ago

0.1.1-canary-20230904165345

2 years ago

0.1.1-canary-20230904130827

2 years ago

0.1.1-canary-20230904124942

2 years ago

0.1.1-canary-20230904122539

2 years ago

2 years ago

0.1.0-canary-20230901145507

2 years ago

2 years ago

2 years ago

2 years ago