如何突出顯示搜索查詢結果中的單詞

Question

我很難從搜索結果中突出顯示這是我的代碼（python 文件）

#proses cari artikel
@app.route('/pakar/hasil_artikel', methods=['GET', 'POST'])
def hasil_artikel_pakar():
halaman = 'cari artikel'
iduser = session.get('id_user')
cari = request.form['cari']
cari_kecil = cari.lower()
cari_clear =  cari_kecil.split()

data_model = "model/idwiki_word2vec_100.model"
model_baru = gensim.models.Word2Vec.load(data_model)
hasil = model_baru.most_similar(positive=cari_clear)

y = ' '.join('{}'.format(*el) for el in hasil)
x = cari+ " " + y
z = x.split(" ")

cursor1 = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
cursor1.execute('SELECT * FROM user WHERE id_user = %s', (iduser,))
sesinfo = cursor1.fetchone()

cursor2 = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
cursor2.execute('SELECT * FROM artikel JOIN user ON artikel.id_user = user.id_user WHERE artikel.judul_artikel LIKE %s OR artikel.isi_artikel LIKE %s', ("%" + z[0] + "%","%" + z[0] + "%",))
artikel = cursor2.fetchall()

return render_template('pakar/hasil_artikel.html', hasil=hasil, hal=halaman, sesinfo=sesinfo, artikel=artikel, cari=cari)

這是我的代碼（html代碼）

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
{% for artikels in artikel %}
                <div class="card">
                    <div class="header bg-red">
                        <h2>
                            {{ artikels.judul_artikel }}
                        </h2>
                        <ul class="header-dropdown m-r--5">
                            <i class="material-icons">person</i><span> Ditulis Oleh : {{ artikels.nama }} </span>
                        </ul>
                    </div>
                    <div class="body">
                    <img src="/static/foto_artikel/{{ artikels.foto_artikel }}" width="100px" height="100px"><br><br>    
                    <b>Tanggal Pembuatan Artikel : {{ artikels.tanggal_artikel.strftime('%d %B %Y') }}</b><br><br>
                    {{ artikels.isi_artikel | truncate(500) | safe }}<a href="/pakar/baca_artikel/{{ artikels.id_artikel }}" class="btn btn-success"> Baca Selengkapnya</a>    
                    </div>
                </div>          
{% endfor %}
            </div>

問題是，如何從瀏覽器中的 CTRL+F 之類的結果中突出顯示？ 感謝您的關注

Answer 1

使用可以幫助您獲得突出顯示的版本的鏈接標簽

Answer 2

謝謝你的關注終於我找到了解決這個問題的問題

我使用 jquery 高亮插件