@rjdev/selection v0.0.0-alpha.1.3

Selection

Content Selection DOM Utility

Usage

Initialize Content Selection

const ts = contentSelection({
  onSelect: (data) => {
    const { text, isSingleLine, isBackward } = data
    // Handle selection
  },
  onDeselect: (data) => {
    // Handle deselection
  }
})

Activate In Vue3 Component

onMounted(() => {
  ts.on()
})

onBeforeUnmount(() => {
  ts.off()
})

Activate in React Component

useEffect(() => {
  ts.on()
  return () => ts.off()
}, [])

API Reference

Selection Data

The onSelect callback receives a data object with the following properties:

Example

const ts = contentSelection({
  onSelect: ({ text, isSingleLine, isBackward }) => {
    console.log('Selected text:', text)
    console.log('Is single line:', isSingleLine)
    console.log('Is backward selection:', isBackward)
  },
  onDeselect: () => {
    console.log('Selection cleared')
  }
})

// Activate the selection listener
ts.on()

// Later, when you want to stop listening
ts.off()

License

This project is licensed under the MIT License. See the LICENSE file for details.

Support

If you encounter any problems or have questions about using this library, please open an issue on the GitHub repository. I'll do my best to assist you.