instead of p tag, how i can start with h tag and then i can change into p or any other h tag

[abhijeet-tezminds]

instead of p tag, how i can start with h tag and then i can change into p or any other h tag ?

screen-recorder-tue-dec-03-2024-17-08-53.webm

facing issue -
in this video you can see
when starting with p tag then it is working and changing in h tag and p tag
but when start with h tag then it is changing in another h tag but - not changing in p tag

here startTagWith can be p, h1, h2, ... tag (whatever i want to show in starting on editor)

`const EditorInstance = ({ startTagWith="h1" }) => {
const [editor] = useLexicalComposerContext();

useEffect(()=>{
    editor.registerNodeTransform(ParagraphNode, (node) => {
      if (startTagWith !== "paragraph") {
        
        const newHeadingNode = $createHeadingNode(startTagWith);
        const children = node.getChildren();

        // Move children to the new heading node
        children.forEach((child) => newHeadingNode.append(child));

        // Replace the node
        node.replace(newHeadingNode);

        // Move selection to the new node if the replaced node was selected
        const selection = $getSelection();
        if ($isRangeSelection(selection) && selection.anchor.key === node.getKey()) {
          const newKey = newHeadingNode.getKey();
          selection.set(newKey, selection.anchor.offset, selection.focus.offset, "text");
        }
      }
    })
  },[])
  `

expected output -
we are creating email builder when using lexical, so when h or p tag can drag and drop then start editor with p tag or h tag whatever dropped.

so editor can start with h tag or p tag