corp
1
bubbleで下記画像の検索機能の実装ができますでしょうか?
①Inputで検索したい文字を入れると、該当するテキストに黄色のマーカーがひかれ、検索に最初にひっかかったテキストは緑のマーカーがひかれるのとそのテキストのところまで自動でスクロールされる。
②アイコンを設置してそのアイコンを押すと次にひっかかったテキストのところまで自動でスクロールされ、そのテキストは緑のマーカーがひかれ、最初に検索がひっかかったテキストは黄色のマーカーになる。
※それと上記画像の右上に「9/14」とあるように検索にひっかかってるうちの何番目が緑のマーカーで強調表示されてるのと、何個の文字が検索にひっかかったのかの数字を表示させることはできるのでしょうか?
質問の場合は、テンプレートを使うと回答を得られる確率が上がりますので、ぜひご利用ください。
【質問投稿用テンプレート】
1.前提条件
2.発生している問題
3.エラーメッセージ
4.実装したい機能
5.スクリーンショット
(できれば、全体が分かるようにスクリーンショットを載せてもらえれば助かります。)
6.試したこと
(ここに問題に対して試したことを記載してください。)
7.補足情報
(調べたURL/参考になりそうな事例)
参考トピックス
こんにちは~
ハイライトや色をつける挙動というのは、
このようなプラグインを使えばできるかもしれないですが、
検索したものを抽出し、該当文字に色をつけるというのは難しそうな気がします。。
色々試してみてダメそうなら要件を代替する必要があるかもしれませんね、、
「いいね!」 3
corp
4
ご返信ありがとうございます。
該当の文字に色をつけるの機能は無くして検索機能を実装しようと思います。
いろいろと調べていただきありがとうございました。