WebからコピペしたらSB記法に変換する

まだまだ要検証なんだけど、なんとなく動いたから置いておきます。

相変わらず自己流で書いてるので手探りのゴリ押しです！

そしてFirefoxでは動かない。

WebページからコピーしてScrapboxにペーストしてみた

https://gyazo.com/298ff52508f22df898ab7f1d95d70d17

このスクリプトを使うと、ペースト時にHTMLからScrapboxの記法に変換するようになるので、

プレーンテキストで貼り付けたいときは右クリックメニューから「プレーンテキストとして貼り付け」等を使ってね。

今後もちょこちょこ直すと思うので、使ってみたい人はインポートのほうがおすすめ。

code:import.js

import '/api/code/scrasobox/WebからコピペしたらSB記法に変換する/script.js'

code:script.js

if (sessionStorage.getItem('scrasobox-paste') !== 'true') {

document.addEventListener('paste', event => {

const type = 'text/html'

const d = event.clipboardData

if (d.types && d.types.indexOf('Files') == -1 && -1 < d.types.indexOf(type)) {

event.preventDefault()

const dom = new DOMParser().parseFromString(d.getData(type), type)

const q = query => dom.querySelectorAll(query)

const f = (text, deco) =>

[].concat(text.split(/\n/)

q('pre').forEach(d => {

q('h3').forEach(d => { d.innerText = f(d.innerText, '**') })

q('h2').forEach(d => { d.innerText = f(d.innerText, '***') })

q('h1').forEach(d => { d.innerText = f(d.innerText, '****') })

q('em, i').forEach(d => { d.innerText = f(d.innerText, '/') })

q('strong, b').forEach(d => { d.innerText = f(d.innerText, '*') })

let depth = -1

const li = node => {

depth++

node.querySelectorAll('li').forEach(n => li(n))

return node.innerHTML = '@sp@'.repeat(depth--) + node.innerHTML

}

li(dom.body)

const div = document.createElement('div')

div.innerHTML = dom.body.innerHTML

document.body.appendChild(div)

const range = document.createRange()

range.selectNode(div)

//const text = range.toString()

const text = div.innerText

document.execCommand('insertText', null, text.replace(/(\s*\n){3,}/g, '\n\n').replace(/@sp@/gi, ' '))

document.body.removeChild(div)

}

})

sessionStorage.setItem('scrasobox-paste', true)

}

window.addEventListener('unload', () => { sessionStorage.setItem('scrasobox-paste', false) })

2018-06-12 うまく変換できなかったパターンや不具合を直しました

2018-06-18 改行のパターンによっては空行の省略が効いてなかったのを修正

2018-06-22 画像を貼り付けるとGyazoのアップロードと重複してたのを直したつもり