No.3869, No.3868, No.3867, No.3866, No.3865, No.3864, No.3863[7件]
>>3858
自分も>>3863を参考にしたんですけど、ルビ置換スクリプトを使ってるのでシェアします。
以下をskin-cover.html内に書き込んでください。
<script src="jqueryのURL"></script>
<script>
$(function(){
$('.onelogbox').each(function() {
$(this).html(
$(this).html()
/* 青空文庫、なろうほか(なろうの半角括弧・全角括弧は非対応) */
.replace(/[\||](.+?)《(.+?)》/g, '<ruby>$1<rt>$2</rt></ruby>')
.replace(/[\||]《(.+?)》/g, '《$1》')
/* pixiv */
.replace(/\[\[rb:(.*?) > (.*?)\]\]/gs, '<ruby>$1<rt>$2</rt></ruby>')
/* アルファポリス */
.replace(/#(.+?)__(.+?)__#/g, '<ruby>$1<rt>$2</rt></ruby>')
);
});
});
</script>
これで、
「|ルビ対象《るびるび》」全角縦棒+二重山括弧
「|ルビ対象《るびるび》」半角縦棒+二重山括弧
にルビがつきます。
二重山括弧の直前に縦棒で二重山括弧がそのまま表示されます。「|《これはそのまま》」
開始の全角縦棒・半角縦棒の省略は対応していません。
自分で使っててトラブルはないんですけど何か間違ってたらごめんなさい~~
追記
URL以降が省略されてしまうのでjqueryのURLを抜きました。以下のURLを「jqueryのURL」の部分に書き込んでください。
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jq...
自分も>>3863を参考にしたんですけど、ルビ置換スクリプトを使ってるのでシェアします。
以下をskin-cover.html内に書き込んでください。
<script src="jqueryのURL"></script>
<script>
$(function(){
$('.onelogbox').each(function() {
$(this).html(
$(this).html()
/* 青空文庫、なろうほか(なろうの半角括弧・全角括弧は非対応) */
.replace(/[\||](.+?)《(.+?)》/g, '<ruby>$1<rt>$2</rt></ruby>')
.replace(/[\||]《(.+?)》/g, '《$1》')
/* pixiv */
.replace(/\[\[rb:(.*?) > (.*?)\]\]/gs, '<ruby>$1<rt>$2</rt></ruby>')
/* アルファポリス */
.replace(/#(.+?)__(.+?)__#/g, '<ruby>$1<rt>$2</rt></ruby>')
);
});
});
</script>
これで、
「|ルビ対象《るびるび》」全角縦棒+二重山括弧
「|ルビ対象《るびるび》」半角縦棒+二重山括弧
にルビがつきます。
二重山括弧の直前に縦棒で二重山括弧がそのまま表示されます。「|《これはそのまま》」
開始の全角縦棒・半角縦棒の省略は対応していません。
自分で使っててトラブルはないんですけど何か間違ってたらごめんなさい~~
追記
URL以降が省略されてしまうのでjqueryのURLを抜きました。以下のURLを「jqueryのURL」の部分に書き込んでください。
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jq...
てがろぐのYouTube埋め込み機能だと、ショート動画は埋め込められないということに気付きました。そのうち対応させますが、今の時点でも以下のように共有用URLを書き換えるとショート動画でも埋め込めます。#🌱豆知識
- 埋め込みたいショート動画の共有用URLが https://www.youtube.com/shorts/7ME7Dv1RFUk?feature=share のとき、このURLから 7ME7Dv1RFUk の部分だけを抜き出します。
- その抜き出した文字列を https://www.youtube.com/watch?v= の後に続けて記載します。つまり、https://www.youtube.com/watch?v=7ME7Dv1RFUk のようなURLを作ります。
- そのURLを使って埋め込みます。
昼食はピザ。🍕🍕🍕
ところてんも食べました。
🍕Re:3862◆ルビの変換もいろいろ需要があるようですね。
🍕Re:3863◆これなら2行目の'article'を.onelogbodyとかに書き換えるだけで、てがろぐ上でもそのまま使えそうですね。
🍕Re:3864◆了解しました。次のバージョンで、その仕様を採用して出力するようにします。
🍕Re:3865◆さすがにドメインが x.com に変わっても twitter.com からリダイレクトはされ続けるだろうとは思うのですけども、でもまあ、イーロン・マスクは何するか分かりませんしね……。まあ、もしドメインが変更になった場合には、「埋め込みのリンク先がtwitter.comで書かれていてもx.comに変更して出力する」のような機能は作ります。イーロンが、外部サイトへのツイートの埋め込み機能を廃止したりしなければ良いのですけどね……。^^;
ところてんも食べました。
🍕Re:3862◆ルビの変換もいろいろ需要があるようですね。
🍕Re:3863◆これなら2行目の'article'を.onelogbodyとかに書き換えるだけで、てがろぐ上でもそのまま使えそうですね。
🍕Re:3864◆了解しました。次のバージョンで、その仕様を採用して出力するようにします。
🍕Re:3865◆さすがにドメインが x.com に変わっても twitter.com からリダイレクトはされ続けるだろうとは思うのですけども、でもまあ、イーロン・マスクは何するか分かりませんしね……。まあ、もしドメインが変更になった場合には、「埋め込みのリンク先がtwitter.comで書かれていてもx.comに変更して出力する」のような機能は作ります。イーロンが、外部サイトへのツイートの埋め込み機能を廃止したりしなければ良いのですけどね……。^^;
abcdefg
TwitterがXになるとのことですけど、それに伴ってURLが変わるという予想をしている方もいるみたいです。てがろぐのTwitter埋め込みも使えなくなったらと思うとちょっと心配です。まあ今の段階ではまだ何もわからないですけど……
🍉Re:3861
css調整の際に、liにもclassがあるととっても助かります……!
ご提案の内容で問題ありません!
実装されると嬉しく思います。
css調整の際に、liにもclassがあるととっても助かります……!
ご提案の内容で問題ありません!
実装されると嬉しく思います。
わたしもどこかで見た気がする。。。確かいろいろなサイトの記法に対応していたはず。
これは検索したらみつけたやつ
各種小説投稿サイトのルビ記法をJavaScriptで実現する - Qiita
https://qiita.com/8amjp/items/d7c46d9dee0da4d530ef
これは検索したらみつけたやつ
各種小説投稿サイトのルビ記法をJavaScriptで実現する - Qiita
https://qiita.com/8amjp/items/d7c46d9dee0da4d530ef