Question: Inserting a New Line.

[nrikiji]

Is it possible to insert a line that preserves the status of the previous line when a new line is inserted with the enter key? If you have a sample code, could you please let me know?

That is not the behavior in Lexical's Playground. Also, the Draft.js demo has that behavior.

[zignis]

Is it possible to insert a line that preserves the status of the previous line when a new line is inserted with the enter key? If you have a sample code, could you please let me know?

That is not the behavior in Lexical's Playground. Also, the Draft.js demo has that behavior.

You can try line break node or $createTextNode with $createParagraphNode (kind of hack):

import {
  $createTextNode,
  $createParagraphNode,
  $insertNodes,
} from 'lexical';

...

const textNode = $createTextNode('\n');
const paragraphNode = $createParagraphNode();
paragraphNode.append(textNode);

$insertNodes([paragraphNode]);

[acywatson]

Is it possible to insert a line that preserves the status of the previous line when a new line is inserted with the enter key? If you have a sample code, could you please let me know?

That is not the behavior in Lexical's Playground. Also, the Draft.js demo has that behavior.

When you say "preserves the status" what do you mean, exactly?

[nrikiji]

@zignis
Thanks for the reply. Is it like adding a node by handling the enter key around the following?

editor.registerUpdateListener(({ editorState }) => {
    ・・・
});
・・・
editor.update(() => {
    ・・・
});

[nrikiji]

@acywatson
Thanks for the reply. For example, we want to continue the selected font size and color in the next line.

[zignis]

@zignis Thanks for the reply. Is it like adding a node by handling the enter key around the following?

editor.registerUpdateListener(({ editorState }) => {
    ・・・
});
・・・
editor.update(() => {
    ・・・
});

Yes, you may want to take a look at how the @lexical/code package does it: https://github.com/facebook/lexical/blob/main/packages/lexical-code/src/CodeHighlighter.ts#L515

[nrikiji]

@zignis
https://lexical.dev/docs/concepts/commands
Thank you. This seems like a good solution.