how to get the node surrounding the cursor?

[philippehenri]

Hello,

I have a text:

aaaa bbb ccc

I would like to know if it is possible to get the span surrounding the cursor (when a left or right key is pressed for example)?

thanks
Philippe

[Alex-D]

Try something like:

let selectedNode = document.getSelection().focusNode

while (['SPAN'].indexOf(selectedNode.nodeName) < 0) { 
     selectedNode = selectedNode.parentNode; 
}

// selectedNode contains the first parent node you want

Inspired from:

Trumbowyg/src/trumbowyg.js

Lines 1289 to 1313 in f5f921c

	documentSelection = t.doc.getSelection(),
	selectedRange = documentSelection.getRangeAt(0),
	node = documentSelection.focusNode,
	text = new XMLSerializer().serializeToString(selectedRange.cloneContents()) || selectedRange + '',
	url,
	title,
	target,
	linkDefaultTarget = t.o.linkTargets[0];
	while (['A', 'DIV'].indexOf(node.nodeName) < 0) {
	node = node.parentNode;
	}
	if (node && node.nodeName === 'A') {
	var $a = $(node);
	text = $a.text();
	url = $a.attr('href');
	if (!t.o.minimalLinks) {
	title = $a.attr('title');
	target = $a.attr('target') || linkDefaultTarget;
	}
	var range = t.doc.createRange();
	range.selectNode(node);
	documentSelection.removeAllRanges();
	documentSelection.addRange(range);

[philippehenri]

thanks Alex !