FilesExpand file tree

v0.3.3

/

paste-markdown-table.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

99 lines (76 loc) · 2.68 KB

v0.3.3

/

paste-markdown-table.ts

Copy path

Top

File metadata and controls

• Code
• Blame

99 lines (76 loc) · 2.68 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

import {insertText} from './text'

export function install(el: HTMLElement): void {

el.addEventListener('dragover', onDragover)

el.addEventListener('drop', onDrop)

el.addEventListener('paste', onPaste)

}

export function uninstall(el: HTMLElement): void {

el.removeEventListener('dragover', onDragover)

el.removeEventListener('drop', onDrop)

el.removeEventListener('paste', onPaste)

}

function onDrop(event: DragEvent) {

const transfer = event.dataTransfer

if (!transfer) return

if (hasFile(transfer)) return

const textToPaste = generateText(transfer)

if (!textToPaste) return

event.stopPropagation()

event.preventDefault()

const field = event.currentTarget

if (field instanceof HTMLTextAreaElement) {

insertText(field, textToPaste)

}

}

function onDragover(event: DragEvent) {

const transfer = event.dataTransfer

if (transfer) transfer.dropEffect = 'copy'

}

function onPaste(event: ClipboardEvent) {

if (!event.clipboardData) return

const textToPaste = generateText(event.clipboardData)

if (!textToPaste) return

event.stopPropagation()

event.preventDefault()

const field = event.currentTarget

if (field instanceof HTMLTextAreaElement) {

insertText(field, textToPaste)

}

}

function hasFile(transfer: DataTransfer): boolean {

return Array.from(transfer.types).indexOf('Files') >= 0

}

function columnText(column: Element): string {

const noBreakSpace = '\u00A0'

const text = (column.textContent || '').trim().replace(/\|/g, '\\|').replace(/\n/g, ' ')

return text || noBreakSpace

}

function tableHeaders(row: Element): string[] {

return Array.from(row.querySelectorAll('td, th')).map(columnText)

}

function tableMarkdown(node: Element): string {

const rows = Array.from(node.querySelectorAll('tr'))

const firstRow = rows.shift()

if (!firstRow) return ''

const headers = tableHeaders(firstRow)

const spacers = headers.map(() => '--')

const header = `${headers.join(' | ')}\n${spacers.join(' | ')}\n`

const body = rows

.map(row => {

return Array.from(row.querySelectorAll('td')).map(columnText).join(' | ')

})

.join('\n')

return `\n${header}${body}\n\n`

}

function generateText(transfer: DataTransfer): string | undefined {

if (Array.from(transfer.types).indexOf('text/html') === -1) return

const html = transfer.getData('text/html')

if (!/<table/i.test(html)) return

const el = document.createElement('div')

el.innerHTML = html

let table = el.querySelector('table')

table = !table || table.closest('[data-paste-markdown-skip]') ? null : table

if (!table) return

const formattedTable = tableMarkdown(table)

return html.replace(/<meta.*?>/, '').replace(/<table[.\S\s]*<\/table>/, `\n${formattedTable}`)

}