Utilisation de l'outil d'analyse de texte enrichi de l'applet Baidu bdParse

Récemment, je travaille sur un projet d'applet Baidu. Mon exigence est que le back-end renvoie les données de structure HTML de l'article. L'applet front-end doit afficher la page de manière synchrone. je dois analyser les données de la structure HTML ;

Je dois donc utiliser rich Quant à la fonction d'analyse de texte, bien que le mini-programme fournisse la fonction de composant de texte riche, cet effet peut ne pas satisfaire la fonction que vous souhaitez, vous devez donc l'analyser

Je suis donc allé sur Baidu pour le vérifier, et bien sûr, il était là. Une fois que l'expert a écrit le composant, vous pouvez l'utiliser directement (outil d'analyse de texte enrichi d'applet Baidu, bdParse, modifié à partir de wxparse,

Bien sûr. , si vous avez la possibilité de personnaliser votre propre page, vous pouvez en écrire une), enregistrez les étapes et processus spécifiques ici. Comme suit :

Étape 1 : Baidu trouve l'adresse de téléchargement du composant bdparse https://gitee ; .com/sootou/bdparse, téléchargez le fichier en entier et mettez-le dans le répertoire racine de votre mini programme

Etape 2 : Introduisez directement le code

const bdParse = require('../../bdParse/bdParse.js')

dans le css correspondant dans le fichier js de la page du mini programme

@import "../../bdParse/bdParse.css";

Étape 3 : Appelez le fichier js ; utilisez baparse dans les champs obligatoires, qui peuvent être référencés dans la méthode 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)
  })
}

Étape 4 : Introduisez le fichier modèle dans la page cygne et remplissez le code suivant

<import src="../../bdParse/bdParse.swan" />
<template is="bdParse" data="{{{bdParseData: article.nodes}}}" />

Résumé : Basé Grâce aux compétences d'experts, vous pouvez apprendre plus rapidement et réaliser les fonctions que vous souhaitez. C'est aussi une manière d'apprendre. L'apprentissage est un processus d'accumulation progressive et la communication est un moyen important d'apprendre.

Ce qui précède concerne l'utilisation de l'outil d'analyse de texte riche de l'applet Baidu, bdParse. Pour plus d'informations, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!