WorkFlowyのExportをもうちょっとなんとかしたい

Exportのテキストがみっちり詰まっているので、それを何とかしたい。

選択範囲のテキストをどうこうする。

ただし、window.getSelection()では選択したテキストは得られない

改行を二重に重ねる。

code:sample.js

let sel = document.querySelector(".addedToSelection");

console.log(sel.innerText.replace(/\n/g,"\n\n"));

これで項目と項目の間に空改行が入ったテキストが得られる。

それをショートカットキーで発動できるようにしておくと便利

クリップボードに直接入れるか、それようのモーダルdivを表示させるか。

雑にalertでもいいが、文字列が多くなると面倒かもしれない。

code:script.js

(function(){

document.body.addEventListener('keydown',event => {

if (event.altKey && event.metaKey){

if(event.keyCode===80){

console.log("hit key");

const p = document.querySelector(".addedToSelection");

if (!(p)){return;}

rep = p.innerText;

rep = rep.split("\n");

ptext = rep.join("\n\n");

const copyTextarea = document.createElement("textarea");

copyTextarea.value = ptext;

copyTextarea.style.width = "500px";

copyTextarea.style.height = "500px";

copyTextarea.onfocus = function() {

console.log("クリックされました");

this.select();

};

const maindiv = document.createElement("div");

maindiv.style.position = "fixed";

maindiv.style.top = "120px";

maindiv.style.left = "40px";

maindiv.style.background = "gainsboro";

maindiv.appendChild(copyTextarea)

const add_code = '<h2>コピーしてください</h2><div style="width:100px;font-size:20px;" onclick="this.parentElement.remove();">×</div>'

maindiv.insertAdjacentHTML( 'afterbegin', add_code);

document.getElementById('app').appendChild(maindiv);

}

}

});

})();

code:append.js

https://gyazo.com/92db9a3dae535b5acb8215de81dd0b0c

ref