can I export Lexical TextNode (extended) as DOM TextNode with exportDOM?

[YusukeSuzuki]

In my application I need to export a Lexical TextNode as a DOM Text node.

I have created a CustomTextNode class and implemented exportDOM() as follows, but it does not work. is there any way to export the DOM Text node? If it doesn't exist, I would like to manipulate the DOM after exporting to remove the span tags, but I would like to complete this in the custom node code if possible.

  exportDOM(editor: LexicalEditor): DOMExportOutput {
    const element = document.createTextNode(this.__text)
    // return {element} // cause error
    return element // nodes lost in exported DOM
  }

[acywatson]

Well, the type of DOMExportOutput is an object, so you'd need to use the commented out line that you have:

https://lexical.dev/docs/api/modules/lexical#domexportoutput

What error is it causing? Are you using the Node Overrides API? https://lexical.dev/docs/concepts/node-replacement

[YusukeSuzuki]

at return {element} // cause error pattern, it causes error as bellow.

LexicalHtml.dev.js:73 Uncaught TypeError: element.append is not a function
    at $appendNodesToHTML (LexicalHtml.dev.js:73:1)
    at $appendNodesToHTML (LexicalHtml.dev.js:67:1)
    at $generateHtmlFromNodes (LexicalHtml.dev.js:43:1)
    at MyPlugin.js:62:1
    at readEditorState (Lexical.dev.js:5413:1)
    at EditorState.read (Lexical.dev.js:7175:1)
    at onSaveButton (TagEditorToolbarPlugin.js:61:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)