ページタイトルに絵文字を入れて状態管理する

当時は記事タイトルじゃなくてリストに絵文字を置いてる

ワンクリックで書けたりしたらよさそうですけどね～

タイトルで発動するUserScriptを作れば行けそうですね

/icons/クラッカー.icon*2

2021-03-11 21:17:26 テストしました。動作確認取れました

https://gyazo.com/44f78d45a68e02abb48d3b3f6bd13f71

以下のコードを自分のページか開発コンソールに貼り付けて実行すると動きます

code:js

import('/api/code/nota-techconf/ページタイトルに絵文字を入れて状態管理する/script.js');

連打で変化します

本文にカーソルがなくても動きます

バグだらけで1日放置してしまってすみません……

code:script.js

import {press} from '/api/code/programming-notes/scrapbox-keyboard-emulation/script.js';

import {goHeadLine} from '/api/code/takker/scrapbox-cursor-emulation/cursor.js';

let repeat = false;

document.addEventListener('keyup', e => {

const {ctrlKey, key} = e;

if (key !== 'p' || !ctrlKey) return;

e.preventDefault();

e.stopPropagation();

repeat = false;

});

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

const {ctrlKey, key} = e;

if (key !== 'p' || !ctrlKey) return;

e.preventDefault();

e.stopPropagation();

if (repeat) return;

goHeadLine();

(async () => {

await sleep(100);

// scrapbox.Page.titleへの反映までにタイムラグがある

// 代わりにDOMから取得する

switch (icon) {

case '⬜':

press('Delete');

break;

case '✅':

press('Delete');

break;

default:

break;

}

})();

repeat = true;

});

const sleep = milliseconds => new Promise(resolve => setTimeout(resolve, milliseconds));

function insertText(text) {

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

cursor.focus();

cursor.value = text;

const uiEvent = document.createEvent('UIEvent');

uiEvent.initEvent('input', true, false);

cursor.dispatchEvent(uiEvent);

}