meganii

https://gyazo.com/68bb4880d451d11f2e2505d420c909cd

メーカ系SE

code:script.js

scrapbox.TimeStamp.removeAllFormats()

scrapbox.TimeStamp.addFormat('YYYY-MM-DD')

scrapbox.TimeStamp.addFormat('YYYY-MM-DD HH:mm:ss')

code:script.js

await import("/files/659a85f33276650023c439bf.js")

console.log()

クリックでON/OFFできるチェックボックス

code:js

setTimeout(() => {

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

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

const keydownEvent = {

event: document.createEvent('Event'),

dispatch: function(keycode, withShift = false, withCommand = false) {

this.event.keyCode = keycode;

this.event.shiftKey = withShift;

this.event.metaKey = withCommand;

textArea.dispatchEvent(this.event);

}

};

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

const inputEvent = {

event: document.createEvent('Event'),

dispatch: function(string) {

textArea.value = string;

textArea.dispatchEvent(this.event);

}

};

inputEvent.event.initEvent('input', true, true);

const boxHtmlReg = new RegExp('<span class="c-\\d">(' + checkBoxList.join('|') + ')<\/span>');

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

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

$('.lines').off('click.toggleCheckBox');

$('.lines').on('click.toggleCheckBox', ev => {

const target = ev.target;

if (!isFirstElementChild(target) || !boxHtmlReg.test(target.outerHTML)) return;

setTimeout(() => {

let lineString;

try {

lineString = getCursorLineString();

} catch(err) {

console.log(err);

return;

}

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

const targetX = target.getBoundingClientRect().left;

if (cursorX <= targetX) {

keydownEvent.dispatch(39); // →

}

keydownEvent.dispatch(8); // Delete

const newBox = (() => {

const trimmedLineString = lineString.trim();

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

if (i + 1 < checkBoxList.length) {

} else {

}

}

}

})();

inputEvent.dispatch(newBox);

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

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

/*

setTimeout(() => {

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

inputEvent.dispatch('-');

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

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

}, 50);

*/

}, 50);

});

// ボックス行で改行するとボックス自動配置

$('#text-input').off('keydown.autoInsertCheckBox');

$('#text-input').on('keydown.autoInsertCheckBox', ev => {

switch (ev.key) {

case 'Enter':

let lineString;

try {

lineString = getCursorLineString();

} catch(err) {

console.log(err);

return;

}

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

setTimeout(() => {

let lineString;

try {

lineString = getCursorLineString();

} catch(err) {

console.log(err);

return;

}

if (startsWithBoxReg.test(lineString)) return;

}, 50);

return;

default:

return;

}

});

function isFirstElementChild(elem) {

return elem.parentNode.firstElementChild === elem;

}

function getCursorLineString() {

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

}

}, 1500);

code:style.css

.presentation .line.section-title {

}

code:script.js.old