Skip to content

Latest commit

 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

LTool Enhancer

Coding by Gemini 2.5 Pro

概要

LTool Enhancer は、プレゼンテーションツール LTool (https://ltool.gachal.net/) の閲覧体験を向上させるための非公式Chrome拡張機能です。 LTool上のテキストを自動的に解析し、URLのリンク化、YouTube動画の埋め込み、Scrapbox風のテキスト装飾を適用します。

使用技術

  • 言語: JavaScript
  • プラットフォーム: Chrome拡張機能 (Manifest V3)
  • スタイリング: CSS

使い方

前提条件

  • Google Chrome ブラウザ

インストール方法

この拡張機能はChromeウェブストアには公開されていません。以下の手順で手動でインストールしてください。

git clone https://github.com/rainbow0210/LTooL-Enhancer.git
cd LTooL-Enhancer
  1. リポジトリをクローンするか、ファイル (manifest.json, content.js, styles.css) を1つのフォルダに保存します。
  2. Chromeブラウザのアドレスバーに chrome://extensions/ と入力し、拡張機能管理ページを開きます。
  3. ページの右上にある「デベロッパー モード」のスイッチをオンにします。
  4. 左上に表示される「パッケージ化されていない拡張機能を読み込む」ボタンをクリックします。
  5. クローンしたフォルダ(またはファイルを配置したフォルダ)を選択します。
  6. 拡張機能がリストに追加されれば、インストールは完了です。LTool Enhancer が有効になっていることを確認してください。

基本的な使い方

拡張機能をインストールし有効化されていれば、https://ltool.gachal.net/ にアクセスするだけで自動的に機能が適用されます。LToolのテキストエリアや表示エリアに以下のScrapbox記法を使って書き込むと、リアルタイム(またはページの読み込み/更新時)にテキストが装飾されます。

主な機能

  • URL自動リンク化: テキスト内の http://https:// で始まるURLを自動的にクリック可能なリンクに変換します。
  • YouTube埋め込み: YouTubeの動画リンクを、その場で再生できる埋め込みプレイヤーに変換します。
  • Scrapbox風テキスト装飾: 以下のScrapbox記法を解釈し、テキストを装飾します。
    • 太字: [* テキスト] (レベル指定: [** ...], [*** ...], [**** ...] に対応)
    • 斜体: [/ テキスト]
    • 打ち消し線: [- テキスト]
    • 組み合わせ: [/* テキスト], [-* テキスト] など
    • インラインコード: `コード`
    • 外部リンク: [テキスト URL], https://example.com, [URL]
    • Scrapbox内部リンク: [/プロジェクト名/ページ名]https://scrapbox.io/プロジェクト名/ページ名 へのリンクに変換
    • ハッシュタグ: [ハッシュタグ] (特別なスタイルで表示)
    • 画像: [画像URL.png] (画像をページ内に表示)
  • スタイル維持: テキスト装飾を適用する際、元のテキストの色を維持します(リンクとハッシュタグを除く)。

対応Scrapbox記法

記法 説明 表示例
[* Text] 太字 (レベル1) Text
[** Text] 太字 (レベル2) Text
[*** Text] 太字 (レベル3) Text
[**** Text] 太字 (レベル4) Text
[/ Text] 斜体 Text
[- Text] 打ち消し線 Text
[/* Text] 太字 + 斜体 Text
`code` インラインコード code
[Name URL] 外部リンク Name
https://www.example.com/ 外部リンク Link
[URL] 外部リンク URL
[/Proj/Page] Scrapbox内部リンク /Proj/Page
[Tag] ハッシュタグ [Tag]
[ImageURL] 画像表示 (Image)
YouTubeURL YouTube埋め込み (Player)

表示は styles.css の内容に依存します。

設定

拡張機能の動作は styles.css で調整可能です。テキスト装飾のスタイルやレイアウトを変更する場合は、styles.css を編集してください。

APIリファレンス / ドキュメント

詳細な実装仕様やカスタマイズについては、以下のファイルを参照してください。

  • manifest.json: 拡張機能のメタデータと実行設定
  • content.js: テキスト解析と変換処理の実装
  • styles.css: テキスト装飾のスタイルシート

注意点・制限事項

  • 非公式: この拡張機能はLToolの公式なものではありません。自己責任でご利用ください。
  • サイト変更への影響: LToolのウェブサイトのHTML構造や仕様が変更された場合、この拡張機能は正しく動作しなくなる可能性があります。
  • Scrapbox記法の互換性: Scrapboxの一部の記法(特に箇条書き、引用、テーブル、コードブロック、数式など)には対応していません。これらは技術的な制約から実装が困難です。
  • PDF化機能: 現在、スライドをPDFとして保存する機能は実装されていません。
  • パフォーマンス: ページのコンテンツ量によっては、若干のパフォーマンスへの影響があるかもしれません。
  • 正規表現の限界: テキストの解析には正規表現を使用しており、非常に複雑なテキストや予期しない記法の組み合わせでは、意図通りに動作しない場合があります。

ライセンス

このプロジェクトは、個人利用の範囲でご自由にお使いください。特定のライセンスの下では公開されていません。

About

LTool ( https://ltool.gachal.net/ ) の閲覧体験を向上させるための非公式Chrome拡張機能

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages