kunokazu

https://gyazo.com/e49d616b0e00e0287e5af8c05c7afd22

hr.icon

ショートカット追加

code:script.js

document.addEventListener('keydown', (e) => {

if (e.altKey && e.key === 'h') {

// Alt + H で水平線を挿入する

} else if (e.altKey && e.key == 'c') {

// Alt + C で ⬜ を挿入する

document.execCommand('insertText', null, '⬜')

}

})

クリックでONOFFできるチェックボックス

code:script.js

setTimeout(() => {

// チェックボックスとして使用する文字セットのリスト

// kamikoloss: なんか使いたいやつがあれば増やして OK

const checkboxSetList = [

];

const allBoxes = checkboxSetList.reduce((accu, current) => accu.concat(current), []);

const startsWithBoxReg = new RegExp('^\\s*(' + allBoxes.join('|') + ')');

const targetProject = scrapbox.Project.name;

class KeydownEvent {

constructor() {

this.textArea = document.getElementById('text-input');

this.event = document.createEvent('UIEvent');

this.event.initEvent('keydown', true, true);

}

dispatch(keyCode, withShift = false, withCtrl = false, withAlt = false, withCommand = false) {

this.event.keyCode = keyCode;

this.event.shiftKey = withShift;

this.event.ctrlKey = withCtrl;

this.event.altKey = withAlt;

this.event.metaKey = withCommand;

this.textArea.dispatchEvent(this.event);

}

}

// ボックスクリックでオンオフする

if (scrapbox.Project.name !== targetProject) {

return;

}

const target = event.target;

if (!isFirstElementChild(target)||!isCharSpan(target, allBoxes)) return;

await new Promise(resolve => setTimeout(resolve, 30));

let lineString;

try {

lineString = getCursorLineString();

} catch (err) {

console.log(err);

return;

}

if (!startsWithBoxReg.test(lineString)) return;

const targetX = target.getBoundingClientRect().left;

const keydownEvent = new KeydownEvent();

if (cursorX <= targetX) {

keydownEvent.dispatch(39); // →

}

keydownEvent.dispatch(8); // Backspace

const newBox = (() => {

const trimmedLineString = lineString.trim();

for (const checkboxSet of checkboxSetList) {

for (let i = 0; i < checkboxSet.length; i++) {

}

}

}

return target.textContent;

})();

writeText(newBox);

// この下のコメントアウトを解除すると、checked時に取消線を入れて時刻を追記します

// Mac、Porterでのみ動作します

/*

if (/Mobile/.test(navigator.userAgent)) return;

await new Promise(resolve => setTimeout(resolve, 30));

keydownEvent.dispatch(39, true, false, false, true); // shift + command + →

writeText('-');

keydownEvent.dispatch(39, false, false, false, true); // command + →

const now = moment().format('HH:mm');

*/

});

// ボックス行で改行すると次行にボックス自動挿入

if (scrapbox.Project.name !== targetProject) {

return;

}

switch (event.key) {

case 'Enter': {

let currentLineString;

try {

currentLineString = getCursorLineString();

} catch (err) {

console.log(err);

return;

}

if (!startsWithBoxReg.test(currentLineString)) return;

await new Promise(resolve => setTimeout(resolve, 30));

let nextLineString;

try {

nextLineString = getCursorLineString();

} catch (err) {

console.log(err);

return;

}

if (!startsWithBoxReg.test(nextLineString)) {

const trimmedLineString = currentLineString.trim();

const targetBoxSet = checkboxSetList.find(boxSet => {

return boxSet.some(box => trimmedLineString.startsWith(box));

});

}

return;

}

default: {

return;

}

}

});

function isFirstElementChild(element) {

return element.parentNode.firstElementChild === element;

}

function getCursorLineString() {

return document.querySelector('.lines div.line.cursor-line').textContent;

}

function isCharSpan(element, targetCharList) {

return element.tagName === 'SPAN'

&& targetCharList.includes(element.textContent)

&& element.classList.value.split(' ').some(value => /^c\-\d+$/.test(value));

}

function writeText(text) {

const textArea = document.getElementById('text-input');

textArea.value = text;

textArea.dispatchEvent(new InputEvent('input', {bubbles: true, cancelable: true}));

}

}, 1500);