如何突出显示搜索查询结果中的单词

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

使用link标签可以帮助您获得突出显示的版本

Answer 2

谢谢你的关注 最后我找到了解决这个问题的方法

我正在使用jquery突出显示插件