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(&#39;article&#39;, &#39;html&#39;,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 サイトの他の関連記事を参照してください。