How to find node by position (not selection) in update handler

assopri · December 1, 2020, 6:42am

I added plugin to process update (view, prevState) . I need to define which node owns the particular view.state.doc.textContent position. Just for the case - it is not selected position. Thank you in advance for your help!

I tried this, but return undefined:

findParentNodeClosestToPos(resolved, (node) => {
                          
                          return true
                        }))

bhl · December 1, 2020, 11:22pm

Have you tried view.state.doc.nodeAt(pos) or view.state.doc.resolve(pos).parent?

kepta · December 2, 2020, 3:30am

What do you mean by this? doc.textcontent does not return the position. Can you add some more details, in particular what you are trying to achieve.

assopri · December 2, 2020, 7:27pm

Good question! I need to iterate through all text nodes and specific regex their to replace the corresponding match with special custom node (which I created). I guess searching in textContent is really mistake.

assopri · December 2, 2020, 7:28pm

I guess it will not work, because I cannot find the correct position.

bhl · December 3, 2020, 12:18am

I need to iterate through all text nodes and specific regex their to replace the corresponding match with special custom node

I believe you will have to do a two-step parse here:

find the absolute position of the node whose textContent you want to parse
run the regex on the textContent, and find the matching start and end positions of the regex relative to the parent node
add that relative offset to the absolute position of the parent node

An open-source example that I can think does that is prosemirror-suggestions

github.com

quartzy/prosemirror-suggestions/blob/master/src/suggestions.js#L23-L39


      
          const textFrom = $position.before();
          const textTo = $position.end();
          
          const text = $position.doc.textBetween(textFrom, textTo, '\0', '\0');
          
          let match;
          
          while ((match = regexp.exec(text))) {
            // Javascript doesn't have lookbehinds; this hacks a check that first character is " " or the line beginning
            const prefix = match.input.slice(Math.max(0, match.index - 1), match.index);
            if (!/^[\s\0]?$/.test(prefix)) {
              continue;
            }
          
            // The absolute position of the match in the document
            const from = match.index + $position.start();
            let to = from + match[0].length;