ホームページ >WeChat アプレット >ミニプログラム開発 >Baidu アプレット リッチ テキスト解析ツール bdParse の使用
最近、私は 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 = ` <p style="line-height:nullpx;text-indent:2em;text-align:left"><font face="宋体"> <font size="4"><font color="#000000">拼多多开店,付费推广是有门路和讲究的。不论你是过早把钱花完,还是花不完,都是不利我们商品流量推广的。今天, 带大家了解一下分时折扣的概念和调整方法。</font></font></font></p><p style="line-height:nullpx;text-indent:2em;text-align:left"><strong> <font face="宋体"><font size="4"><font color="#000000">我这边给大家整理一份拼多多店铺运营的实操干货和资料,需要的朋友可以 </font><font color="#ff0000">扫描底部二维码</font><font color="#000000">免费领取。 ` this.setData({ content:bdParse.bdParse('article', 'html',result, that, 10) }) }ステップ 4: テンプレート ファイルを Swan ページに導入し、次のコードを入力します
<import src="../../bdParse/bdParse.swan" /> <template is="bdParse" data="{{{bdParseData: article.nodes}}}" />概要: 専門家に基づいて、より速く学習し、必要な機能をすぐに実現できます。これも学習方法です。学習は徐々に積み重ねていくプロセスであり、コミュニケーションは重要な学習方法です。 上記は、Baidu アプレット リッチ テキスト解析ツール bdParse の使用方法です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
以上がBaidu アプレット リッチ テキスト解析ツール bdParse の使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。