Baidu アプレット リッチ テキスト解析ツール bdParse の使用

铁手
リリース: 2021-07-19 09:31:07
オリジナル
2061 人が閲覧しました

最近、私は Baidu アプレット プロジェクトに取り組んでいます。私の要件は、バックエンドが記事の HTML 構造データを返し、フロントエンド アプレットが同期してページを表示する必要があるということです。最初に思い浮かぶのは、 HTML 構造データを解析する必要があります;

したがって、リッチ テキスト解析関数を使用する必要があります。アプレットはリッチ テキスト リッチ テキスト コンポーネント機能を提供しますが、この効果では必要な機能が満たされない可能性があるため、

そこで、Baidu に行って調べてみると、案の定、専門家がコンポーネントを作成しており、それを直接使用できることがわかりました (Baidu アプレット リッチ テキスト解析ツール bdParse、wxparse から修正)

もちろん、自分のページに作成できる場合は、次のように具体的な手順をここに記録してください:

ステップ 1: Baidu は bdparse のダウンロード アドレスを見つけます。コンポーネント; ダウンロード アドレスは https://gitee.com/sootou/bdparse で、全体をダウンロードします。 すべてのファイルをミニ プログラムのルート ディレクトリに置きます。

ステップ 2: コードを js ファイルに直接導入します。ミニ プログラム ページ

const bdParse = require('../../bdParse/bdParse.js')
ログイン後にコピー

を作成し、対応する CSS

@import "../../bdParse/bdParse.css";
ログイン後にコピー
## にインポートします。 #ステップ 3: js ファイルを呼び出します。必要なフィールドで baparse を使用します。このフィールドは onLoad メソッドで引用できます。

onLoad: function (options) { let content = ` 

拼多多开店,付费推广是有门路和讲究的。不论你是过早把钱花完,还是花不完,都是不利我们商品流量推广的。今天, 带大家了解一下分时折扣的概念和调整方法。

我这边给大家整理一份拼多多店铺运营的实操干货和资料,需要的朋友可以 扫描底部二维码免费领取。 ` this.setData({ content:bdParse.bdParse('article', 'html',result, that, 10) }) }

ログイン後にコピー

ステップ 4: テンプレート ファイルを Swan ページに導入し、次のコードを入力します