ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webページで目立たせた表示を行いたい時にはマウスでテキストを選択してハイライトさせるかと思います。問題は文字の選択は一回しか行えず、次に別な部分を選択すると前の選択状態が解除されてしまうことです。

そこで試してみたいのがmarklibです。テキストハイライトを残しておけるライブラリとなっています。

marklibの使い方

marklibが有効になっている状態でテキストを選択してみます。そしてエンターキーを押すとハイライトが定着します。

そうすると別なところを選択しても前の選択状態が残ったままになります。

エンターキーやmarklibの実行で定着します。

こんな感じで複数の場所に対して適用もできます。

実際に試した動画です。

marklibを使うとハイライトした部分がlocalStorageに残る仕組みになっています。そのため再読込しても以前ハイライトした部分が残ります。これは簡易的なメモとしても便利ではないでしょうか。

marklibはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

marklib

BowlingX/marklib

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2