ホームページ  >  記事  >  WeChat アプレット  >  ミニ プログラムでリッチ テキスト編集にアクセスするにはどうすればよいですか?

ミニ プログラムでリッチ テキスト編集にアクセスするにはどうすればよいですか?

青灯夜游
青灯夜游転載
2020-05-15 18:19:233388ブラウズ

ミニ プログラムをリッチ テキスト編集に接続するにはどうすればよいですか?次の記事で紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

ミニ プログラムでリッチ テキスト編集にアクセスするにはどうすればよいですか?

たとえば、WeChat ミニ プログラムでは、アクティビティの説明や紹介などのグラフィック紹介ページは、通常、バックグラウンドでリッチ テキスト編集ボックスとして構成され、コンテンツが直接入力されます。バックグラウンドで、次にミニプログラムインターフェイス表示で。しかし、リッチテキスト編集で抽出した内容はhtml形式であり、ミニプログラムのwxmlと記述方法が一致していないため、どうすればミニプログラムのページにリッチテキストを表示できるのでしょうか?

専門家が wxParse と呼ばれるテンプレートを開発しました。これは、小さなプログラムに直接導入して使用できます。

ミニ プログラムでリッチ テキスト編集にアクセスするにはどうすればよいですか?

導入方法と利用方法

page{
width: 100%;
height: 100%;
background: #e4382e;
overflow: auto;
}

.js コード:

const app = getApp()
//引入wxParse var WxParse = require(\'../../../components/wxParse/wxParse.js\');
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.showLoading({
title: \'加载中\',
mask: true
})
var that = this;
console.log(options)
that.setData({
activityId: options.activityId
})
wx.request({
url: app.globalData.subDomain + \'/GetActivityInfo\',    
data: {
token: app.globalData.token,
activity: that.data.activityId
},
method: \'POST\',
success: function(res){
//获取html代码             
WxParse.wxParse(\'article\', \'html\', that.data.article, that, 5);
wx.hideLoading();
}
})
}

js 部分の注意点は 2 つあります:

第一のポイントは、ページ関数の前に wxParse を導入することです。

第二のポイントは、html を取得してから実行することです。

WxParse.wxParse(\'article\', \'html\', that.data.article, that, 5)

記事は取得した HTML コードです

このような記事はたくさんあると思いますが、この種のコンポーネントの書き方は、まだ昔ながらの小さなプログラムの書き方です。新しいバージョンの小さなプログラムのコンポーネントの書き方は、今とは異なります。このプラグインの開発者も将来的には最新の方法に変換するのだろうか。つまり、ミニプログラムは依然としてこの記述方法をサポートしています。

推奨事項: 「 ミニ プログラム開発チュートリアル

以上がミニ プログラムでリッチ テキスト編集にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。