小型マイクロチャネルプログラム分析して保存するリッチテキストエディタの内容を表示します

最近では、製品が必要:PC側でリッチテキストエディタを使用してカスタムコンテンツを書き込み、その後、プログラムを保存すると、HTMLに基づいているリッチテキストエディタ出力の内容を知っている友人を知るために、小さなショーで終了する必要があります以下のようなラベル、: 、div これらの一般的な、しかし、小さなプログラムで使用するには、HTMLタグに似ていますが、普遍的ではありません!ここにハングアップする、二人はそれが解決の問題が発生します、汎用的ではありません。pbr

Benpianは、この問題に基づいており、相互に互換性の両方を達成するために、実際には、それはすでにオンラインのソリューションを持っていますが、いくつかは、包括的ではありませんので、私は参照のみを目的として、書き出すための具体的な手順を実現します!

以下に示すように、私はこの効果を達成するとします:

小型マイクロチャネルプログラム解析して保存するリッチテキストエディタの内容を表示する - 彼は海バオのブログを

コードは↓↓↓↓↓↓次のようになりますように、上の図の内容を生成した後、データベースへのリッチテキストエディタを保存されます。

1
<P>氏はそうとそう:; R&D&NBSP;テクニカルディレクターに代わっての</ p> <p>この<BR>ます。</ p> <p> XXX会社は心からあなたが参加&NBSPすることを歓迎したいと思います。朝の9時</ P> <P> <BR>ます。</ p> <p>してください2019年3越1 Riを(興Qiwu)、などとそのような登録手続きで場所を適用するには、次の項目をもたらします。</ P> <P> <BR> </ P> <P> 1、居住者IDカード4; </ P> <P> <BR> </ P> <P> 2、卒業証書<</ P>;オリジナルとコピー1の(例えば、学生など、オリジナルとコピーの中に、有効な学生証を提供するために);卒業証書と(このような追加の雇用のレポートカードを提供するために、卒業生、など)オリジナルのコピーP> <BR> </ P> <P> 3、関連する証明書のコピーと(必要な場合)。</ P> <P> <BR> </ P> <P> 4、2インチ白証明写真2; </ p> <p>この<BR>ます。</ p> <p> 5、提出するために必要な実務経験を持つ:&NBSP;証明&NBSP ;; </ p> <p>この証明書/労働契約を残します<BR>ます。</ p> <p> 6、自治体の公立病院は、医療レポート</ p> <p>この<BR> </ p> <p>このノートを発行します。</ p> <p> <BR>受け入れるます。</ p> <p> 1)私たちの申し出を受け入れるするように、してください電子メールの返信、お申し出について質問がある場合は、メッセージに返信してくださいできるだけ早く説明。</ P> < P> <BR>ます。</ p> <p>あなたが雇用のオファーを確認した場合は2)、当社の担当者がレビュー用)など応募資格(身体検査、検証、となります。エントリは監査(検査、検証、など)の必要な資格と一致しない場合は、このオファーは自動的に消滅します。</ P> <P> <BR>ます。</ p> <p> 3)私たちのレポートはと正当化せずに、あなたは自動的にみなされる指定された時間の到着前に半分以上の日として課I、に任命された時間でチェックインをしてください当社の雇用機会をあきらめ、このオファーは自動的に失効します。金曜日、9月曜日:00-12:00午後13:00〜18:</ P> <P> <BR>ます。</ p> <p>私たちの日常のスケジュールを取り付けた00&NBSPを;&NBSP; </ P > <P> <BR> </ p> <p>この疑問に、私に連絡ありがとうください場合は、上記の事項のでご了承ください。</ P> <P> <BR>ます。</ p> <p> </ p> <p>この<BR> </ P> P> <BR>ます。</ p> <p>上記の事項ということをご承知おきください、疑問がある場合は、私に連絡してください、ありがとうございました。</ P> <P> <BR>ます。</ p> <p> </ p> <p>この<BR> </ P> P> <BR>ます。</ p> <p>上記の事項ということをご承知おきください、疑問がある場合は、私に連絡してください、ありがとうございました。</ P> <P> <BR>ます。</ p> <p> </ p> <p>この<BR> </ P>

まあ、それを達成する方法について話を、身近に起動してみましょう。

最初のダウンロードメインコード、ポータル、ために、良いをダウンロードした後1. wxParseルートプロジェクトに自分のアプレットをこのフォルダをコピーします。

1 
2 
3 
4 
5 
6 
7 
8 
9
- wxParse / 
  -wxParse.js(存在しなければならない)
  -html2json.js(存在しなければならない)
  -htmlparser.js(存在しなければならない)
  (存在しなければならない)-showdown.js 
  -wxDiscode.js(存在しなければならない)
  -wxParse.wxml(存在しなければなりません)
  -wxParse.wxss(存在しなければならない)
  (任意-emojis)

ディレクトリ構造は以下の通り:

小型マイクロチャネルプログラム解析して保存するリッチテキストエディタの内容を表示する - 彼は海バオのブログを

2. wxml次のコードを追加し(PS:パスは、それらの項目に応じて調整されてください)。

1
<輸入SRC = "../../ wxParse / wxParse.wxml" />
1 
2 
3
<ビュークラス= "ディテールを提供する"> 
    <テンプレートは= "wxParse"データである= "{{wxParseData:article.nodes}}" /> 
</表示>

3. 在使用的View中引入WxParse模块,js里加入如下代码(PS: 路径请根据自身项目来调整):

1
var WxParse = require('../../wxParse/wxParse.js');

然后在onLoad中加入以下测试代码:

1
2
3
4
5
6
7
8
onLoad: function(options) {
  // test
  var that = this;
  var htmlTpl = '<p>某某某先生:</p ><p><br></p ><p>谨代表XXX公司,真诚欢迎您加入&nbsp;研发部&nbsp;任 技术总监。</p ><p><br></p ><p>请您于 2019年 3 月 1日(星期五)上午9:00,携带以下物品,到 某某某地点处办理报到手续。</p ><p><br></p ><p>1、居民身份证原件及复印件4张;</p ><p><br></p ><p>2、毕业证书原件及复印件1张(如学生,提供有效期内学生证原件及复印件1张);学历证书原件及复印件1张(如应届毕业生,需额外提供 就业报到证);</p ><p><br></p ><p>3、相关证书原件及复印件1张(如需要);</p ><p><br></p ><p>4、二寸白底证件照片2张;</p ><p><br></p ><p>5、有工作经验的需提交:&nbsp;离职证明 / 解除劳动合同证明&nbsp;;</p ><p><br></p ><p>6、公立市级医院出具的体检报告单</p ><p><br></p ><p>注:</p ><p><br></p ><p>1 ) 如接受我司offer,请邮件回复接受;如对offer有任何疑问,也请尽快回复邮件说明。</p ><p><br></p ><p>2 ) 如果您确认此录用offer,我司相关人员将对您入职资格(体检、验证等)进行审核。若入职资格的审核(体检、验证等)不符要求,此offer将自动失效。</p ><p><br></p ><p>3 ) 请按约定时间至我司报到,如超过约定时间半个工作日未至我司报到且无正当理由 ,视为您自动放弃我司就业机会,本offer自动失效。</p ><p><br></p ><p>附我司作息安排:周一至周五,上午9:00~12:00 下午13:00~18:00&nbsp;&nbsp;</p ><p><br></p ><p>以上事宜请知悉,若有疑问,请及时与我联系, 谢谢。</p ><p><br></p ><p> </p ><p><br></p >';
 
  WxParse.wxParse( '記事'、 'HTML'、htmlTpl、すなわち、5)。
 
}

このコンテンツは、一般的に非同期要求を取得し、ここでのプレゼンテーションは〜です

ヒント:

wxParse.wxss linksあなたはまた、使用するため、中に自己独自のスタイルを作成することができ、必要ありませんapp.wxssimport

OK、つまり、地図上で上記の効果を達成するために、wxParseを見ることができます興味を持っているFVDI J2534GM TECH2IPROGのソースコード、およびまたように写真や顔の表情などをサポートしています。非常に強い、私は、オープンソース開発プロジェクトの作者に感謝したいです。

最後に書かれました

さて、この記事は以上です!

ご質問やご提案があれば、より多くの交流を歓迎し、その記事のヘルプ場合は、報酬を作るので、私が作成する大きなインセンティブを持って、ありがとうございました!

参考記事:https://www.chinaobd2.com/

おすすめ

転載: www.cnblogs.com/cannovo/p/10965414.html