UserScriptで使えるscrapbox-parser

UserScriptで使用できるscrapbox-parser

source: scrapbox-parser.min.js

/foldrr/mousetrap.min.jsのように使う

目的

Scrapbox記法を解析して何かをするUserScriptを作るときに使う

選択範囲をMarkdown記法に変換してclip boardにcopyするPopupMenuとかが作りやすくなる

install

以下を自分のページに貼り付ける

code:script.js

import {ScrapboxParser} from '/api/code/takker/scrapbox-parser.min.js/parser.js';

使い方

ScrapboxParser.parse('text...')

例：任意の/emoji/scrapbox.iconページを解析するPageMenu

code:js

import('/api/code/takker/UserScriptで使えるscrapbox-parser/sample.js');

code:sample.js

import {ScrapboxParser} from '../scrapbox-parser.min.js/parser.js';

scrapbox.PageMenu.addMenu({

title: 'Parser',

image: '/assets/img/logo.png',

onClick: async () => {

const result = window.prompt('type project/page.');

const project = result.trim().split('/')0;

const title = result.trim().slice(${project}/.length);

console.log(start loading ${project}/${title}...);

const res = await fetch(/api/pages/${project}/${title}/text);

const text = await res.text();

console.log('loaded. parsing...');

console.log(ScrapboxParser.parse(text));

}

});

以下構想メモ

/icons/hr.icon

どうやって作るか

webpackでbundle.jsを作る

$ git clone progfay/scrapbox-parser

$ vim webpack.config.js

元々scrapbox-parserはwebpackを使っている

少し設定をいじって、/icons/javascript.iconを出力するようにすれば簡単にできそう

できたら/customizeにでもうｐしておいて、そこからimportで読み込むようにすればいい

重複防止のために、読み込みはuser側でそれぞれ設定してもらう

2020-10-15 12:49:26 作った

scrapbox-parser.min.js

References

この辺を参考にする

【JavaScript】ビルドとは何か〜webpackを使ってビルドする - Qiita

#2021-03-13 00:55:27

#2020-10-15 12:49:31

#2020-10-14 23:14:45