گرفتن و نمایش محتویات یک سایت وردپرسی و مشکل html در josn

سلام از وبسایت وردپرسی خودتون API بگیرید و بعد از فلاتر درخواست کنید و نمایش بدید

@hesammousavi

سلام
ببینید این محتویان یک مطلب وردپرسی هست

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><strong>نام اپلیکیشن :</strong> اپلیکیشن حسابداری و مدیریت انبار

</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><strong>مهارت های استفاده شده :</strong> php - mysql - java</p>
<!-- /wp:paragraph -->

<!-- wp:more -->
<!--more-->
<!-- /wp:more -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><strong>توضیحات : </strong>این برنامه برای انجام امور حسابداری و انبارداری یک مجموعه تولیدی تهیه شده است. از امکانات این برنامه میتوان به مدیریت کالاها، مدیریت مشتریان و... اشاره کرد!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p> </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><br><strong>اسکرین شات از برنامه :</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"ids":[148,149,150,151,152],"imageCrop":false,"linkTo":"media"} -->
<ul class="wp-block-gallery columns-3"><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/anbar1.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/anbar1.png" alt="اپلیکیشن حسابداری و مدیریت انبار" data-id="148" data-link="https://elrak.ir/anbar1/" class="wp-image-148"/></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/anbar2.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/anbar2.png" alt="اپلیکیشن حسابداری و مدیریت انبار" data-id="149" data-link="https://elrak.ir/anbar2/" class="wp-image-149"/></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/anbar3.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/anbar3.png" alt="اپلیکیشن حسابداری و مدیریت انبار" data-id="150" data-link="https://elrak.ir/anbar3/" class="wp-image-150"/></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/anbar4.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/anbar4.png" alt="اپلیکیشن حسابداری و مدیریت انبار" data-id="151" data-link="https://elrak.ir/anbar4/" class="wp-image-151"/></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/anbar5.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/anbar5.png" alt="اپلیکیشن حسابداری و مدیریت انبار" data-id="152" data-link="https://elrak.ir/anbar5/" class="wp-image-152"/></a></figure></li></ul>
<!-- /wp:gallery -->

ولی اینو وقتی میخوام بریزم توی josn ارور میده و مثل اینکه مشکل از تگ های html هست که با تگ های json قاطی میشه
چجوری اینو به یه json object تبدیل کنم؟
در ضمن یه مشکل دیگه چطوری این کدهای html رو توی فلاتر باید نشون بدم؟
تشکر

اینطوری که نمیشه دوست عزیز همونطور که گفتم باید از طریق api که خود وردپرس میده خروجی json بگیرید . در موردش سرچ کنید براتون میاره
توضیحاتشم در سایتشون هست
https://developer.wordpress.org/rest-api

@hesammousavi
من طبق این چیزی که گفتین خروجی json گرفتم
ببینید :

https://elrak.ir/wp-json/wp/v2/posts

محتویات آبجکت content اینجوریه :

 <p class="has-medium-font-size"><strong>نام اپلیکیشن :</strong>&nbsp;اپلیکیشن سفارش آنلایتن غذا</p> <p class="has-medium-font-size"><strong>مهارت های استفاده شده :</strong>&nbsp;php – mysql – flutter</p> <!--more--> <p class="has-medium-font-size"><strong>توضیحات : </strong>این برنامه برای سفارش آنلاین غذا و نوشیدنی طراحی شده است، ساخت اپلیکیشن سفارش غذا بصورتی که مشتری در ابتدا موقعیت مکانی خود را ثبت کرده و اقدام به سفارش دسر، غذای اصلی و نوشیدنی نموده و در انتها توضیحات خود را وارد کرده و اقدام به پرداخت می نماید و یا گزینه پرداخت در محل را انتخاب میکند.</p> <p class="has-medium-font-size"><strong>‌ ‌</strong></p> <p class="has-medium-font-size"><strong>اسکرین شات از برنامه :</strong></p> <ul class="wp-block-gallery columns-3"><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/food1.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/food1.png" alt="اپلیکیشن سفارش آنلاین غذا" data-id="153" data-link="https://elrak.ir/food1/" class="wp-image-153" srcset="https://elrak.ir/wp-content/uploads/2019/05/food1.png 1080w, https://elrak.ir/wp-content/uploads/2019/05/food1-768x1365.png 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/food2.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/food2.png" alt="اپلیکیشن سفارش آنلاین غذا" data-id="154" data-link="https://elrak.ir/food2/" class="wp-image-154" srcset="https://elrak.ir/wp-content/uploads/2019/05/food2.png 1080w, https://elrak.ir/wp-content/uploads/2019/05/food2-768x1365.png 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/food3.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/food3.png" alt="اپلیکیشن سفارش آنلاین غذا" data-id="155" data-link="https://elrak.ir/food3/" class="wp-image-155" srcset="https://elrak.ir/wp-content/uploads/2019/05/food3.png 1080w, https://elrak.ir/wp-content/uploads/2019/05/food3-768x1365.png 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/food4.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/food4.png" alt="اپلیکیشن سفارش آنلاین غذا" data-id="156" data-link="https://elrak.ir/food4/" class="wp-image-156" srcset="https://elrak.ir/wp-content/uploads/2019/05/food4.png 1080w, https://elrak.ir/wp-content/uploads/2019/05/food4-768x1365.png 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://elrak.ir/wp-content/uploads/2019/05/food5.png"><img src="https://elrak.ir/wp-content/uploads/2019/05/food5.png" alt="اپلیکیشن سفارش آنلاین غذا" data-id="157" data-link="https://elrak.ir/food5/" class="wp-image-157" srcset="https://elrak.ir/wp-content/uploads/2019/05/food5.png 1080w, https://elrak.ir/wp-content/uploads/2019/05/food5-768x1365.png 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></a></figure></li></ul> 

من اینو چطوری میتونم توی فلاتر رندر کنم؟

new WebView(
                                    initialUrl: new Uri.dataFromString(
                                        '<html><body style="direction: rtl;text-align: center;"><header></header>${post.post_content}</body></html>',
                                        mimeType: 'text/html',
                                        encoding: Encoding.getByName('utf-8'))
                                        .toString(),
                                    onWebViewCreated:
                                        (WebViewController webViewController) {
                                      _controller.complete(webViewController);
                                    })

ولی خب اصلا جالب نشون نمیده
کتبخونه flutter_html_view هم با flutter_web_view تداخل داره و کنار هم نصب نمیشن!
راه حل بهتری دارین؟
تشکر

@hesammousavi
سلام
ببینید من کتابخونه زیر رو پیدا کردم
https://pub.dev/packages/flutter_html
خیلی هم تمیز و مرتب نشون میده
ولی واقعا طول میکشه رندر کنه (بیشتر از 10 ثانیه)
مثلا نمونه کد زیر حداقل 10 ثانیه طول میکشه رندر بشه
با توجه به مستندات کتابخونه بالا که گذاشتم راهی نیست یکم فشرده سازی بشه و سریع تر نشون بده؟
مرسی

<p style="text-align: center;">آهنگ بیکلام امین رستمی عشق جان</p> <p style="text-align: center;">درود به شما دوستان و هنرمندان و همراهان عزیز</p> <p style="text-align: center;">در خدمتتون هستم با یک کار جدید دیگه</p> <h5 style="text-align: center;"><a href="https://www.alimelody.ir/wp-content/uploads/2018/08/1540180123070.jpg"><img class="aligncenter wp-image-3894 size-full" src="https://www.alimelody.ir/wp-content/uploads/2018/08/1540180123070.jpg" alt="پلی بک امین رستمی عشق جان" width="480" height="480" /></a></h5> <p style="text-align: center;">البته اونقدر جدیدم نمیشه گفت ولی خب هنوز قدیمی هم نشده و طرفدارهای خودشو داره</p> <p style="text-align: center;">با تنظیم بنده تقدیم به شما</p> <p style="text-align: center;">مناسب اجرای زنده در مجالس و میهمانی ها و رستوران و <br /><strong>تمرین <span style="color: #ff0000;"><a style="color: #ff0000;" href="https://www.alimelody.ir/category/آموزش-مطلب/سلفژ-خوانندگی/%20" target="_blank" rel="noopener noreferrer">خوانندگی و سلفژ</a></span></strong></p> <p style="text-align: center;">امیدوارم از شنیدن این کار لذت ببرید</p> <h3 style="text-align: center;">آهنگ بیکلام امین رستمی عشق جان</h3> <h2 style="text-align: center;"><span style="color: #ff0000;">از سایت رسمی علی ملودی</span></h2> <p style="text-align: center;">تنظیم: <span style="color: #ff0000;">علی ملودی </span></p> <p style="text-align: center;"><!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]--> <audio class="wp-audio-shortcode" id="audio-5682-1" preload="none" style="width: 100%;" controls="controls"><source type="audio/mpeg" src="https://storage.gap.im/assets/media/10/201905/1407034/6bc51ae21f-5cdf07617a1ed81a008b6f86.mp3?_=1" /><a href="https://storage.gap.im/assets/media/10/201905/1407034/6bc51ae21f-5cdf07617a1ed81a008b6f86.mp3">https://storage.gap.im/assets/media/10/201905/1407034/6bc51ae21f-5cdf07617a1ed81a008b6f86.mp3</a></audio> <div style="text-align:center;border:1px dashed #FF9A9A;padding:8px;margin:10px auto;color:#FF6666;">You must be <a href="https://www.alimelody.ir/wp-login.php?redirect_to=https%3A%2F%2Fwww.alimelody.ir%2Fdownload-free-playback-amin-rostami-eshgh-jan%2F">logged in</a> to view the hidden contents.</div> <p>&nbsp;</p> <p style="text-align: center;"><div class="su-note" style="border-color:#d0d0cf;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;"><div class="su-note-inner su-clearfix" style="background-color:#e7e7e6;border-color:#fafafa;color:#f0003e;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;"> <h5 style="text-align: center;">جهت نمایش لینک دانلود باید عضو سایت باشید</h5> <h5 style="text-align: center;">اگر در سایت ثبت‌ نام نکرده‌اید روی لینک انتهای</h5> <h5 style="text-align: center;">همین متن کلیک کنید و در کمتر از یک دقیقه</h5> <h5 style="text-align: center;">عضو سایت شوید و از امکانات استفاده کنید</h5> <h5 style="text-align: center;"><strong><a href="https://www.alimelody.ir/registration" target="_blank" rel="noopener noreferrer"><span style="text-decoration: underline;">جهت ثبت نام در سایت اینجا کلیک کنید</span> </a></strong></h5> <p style="text-align: center;"></div></div> <p>&nbsp;</p> <p style="text-align: center;">جهت اطلاع از بروزرسانی مطالب سایت و شنیدن دموی پلی بکهای فروشگاه ملودی و همچنین دانلود پلی بک رایگان <br /><strong><span style="color: #ff0000;">در شبکه‌های اجتماعی به ما بپیوندید</span></strong></p> <h3 style="text-align: center;"><a href="https://t.me/PlayBackMelody%20" target="_blank" rel="nofollow noopener noreferrer"><strong><span style="color: #3366ff;">لینک کانال تلگرام پلی بک ملودی</span></strong> </a></h3> <p style="text-align: center;"><div class="su-button-center"><a href="https://t.me/PlayBackMelody " class="su-button su-button-style-soft su-button-wide" style="color:#fdfdfd;background-color:#2977fd;border-color:#215fca;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px" target="_blank" rel="noopener nofollow" title="تلگرام"><span style="color:#fdfdfd;padding:7px 20px;font-size:16px;line-height:24px;border-color:#69a0fe;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none"><i class="sui sui-telegram" style="font-size:16px;color:#FFFFFF"></i> <small style="padding-bottom:7px;color:#fdfdfd">Join To Channel</small></span></a></div> <div class="wp-block-button aligncenter is-style-default"><img class="aligncenter" src="https://www.alimelody.ir/wp-content/uploads/2019/04/link-channel-telegram-alimelody.gif" alt="لینک کانال تلگرام " width="860" height="206" /></div> <h3 style="text-align: center;"><a href="https://instagram.com/playbackmelody" target="_blank" rel="nofollow noopener noreferrer"><span style="color: #e30053;">لینک صفحه اینستاگرام فروشگاه ملودی</span></a></h3> <div style="text-align: center;"><div class="su-button-center"><a href="https://instagram.com/playbackmelody " class="su-button su-button-style-soft su-button-wide" style="color:#fdfdfd;background-color:#fd297c;border-color:#ca2163;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px" target="_blank" rel="noopener nofollow" title="اینستاگرام "><span style="color:#fdfdfd;padding:7px 20px;font-size:16px;line-height:24px;border-color:#fe69a3;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none"><i class="sui sui-instagram" style="font-size:16px;color:#FFFFFF"></i> <small style="padding-bottom:7px;color:#fdfdfd">Follow Me</small></span></a></div></div> <div><img class="aligncenter" src="https://www.alimelody.ir/wp-content/uploads/2019/04/link-page-Instagram-alimelody.gif" alt="صفحه اینستاگرام فروشگاه ملودی " width="860" height="206" /></div> <div> </div> <h5 style="text-align: center;">جهت مشاهده آکورد این اجرا روی لینک زیر کلیک کنید</h5> <p style="text-align: center;"><a href="https://www.alimelody.ir/wp-content/uploads/2019/05/chordify.jpg"><img class="aligncenter wp-image-5710 size-large" src="https://www.alimelody.ir/wp-content/uploads/2019/05/chordify-1024x416.jpg" alt="آکورد آهنگ" width="1024" height="416" /></a></p> <div style="text-align: center;"><div class="su-button-center"><a href="https://chordify.net/chords/amin-rostami-eshgh-jan-2018-amyn-rstmy-shq-jan-persiansongz" class="su-button su-button-style-soft su-button-wide" style="color:#fdfdfd;background-color:#7cb89c;border-color:#63937d;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px" target="_blank" rel="noopener follow" title="مشاهده آکورد "><span style="color:#fdfdfd;padding:7px 20px;font-size:16px;line-height:24px;border-color:#a3cdba;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none"><i class="sui sui-*****" style="font-size:16px;color:#FFFFFF"></i> <small style="padding-bottom:7px;color:#fdfdfd">Show Song Chords</small></span></a></div></div> <p style="text-align: center;">متن <strong><span style="color: #ff0000;"><a style="color: #ff0000;" href="https://www.alimelody.ir/category/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%85%d8%b7%d9%84%d8%a8/%d8%b4%d8%b9%d8%b1-%d9%88-%d8%aa%d8%b1%d8%a7%d9%86%d9%87/" target="_blank" rel="noopener noreferrer">ترانه</a></span></strong> آهنگ امین رستمی بنام عشق جان</p> <pre class="wp-block-verse"> دلمو میزنم به دریا بی قایق عشق جانم<br /> تو چی میدونی از حاله یه عاشق<br /> از سرم دیگه نمیره عشقه تو عشق جانم<br /> میترسم یه روز نبینمت من باز دل نگرونم عشق جان<br /> وایه من همه چی معلومه تو حالت چشمای من<br /> به همه میگه چیه تو دله رسوای من<br /> پر احساسه وجودم<br /> وایه من داره عشق میریزه از طرز نگاهای من<br /> جای من خالیه پیشت یار زیبای من<br /> بگو من عشقه تو بودم<br /> خوبه که خوبه حالت منم ایده آلت اسممه تو فالت عشق جانم<br /> دنیامی اونیکه میخوامی عشق جانم عشق جانم<br /> هوامی تو همه ی نفسامی عشق جانم<br /> دل خوشیمی تو حاله خوب این روزا عشق جانم<br /> نرو از قلبم زوده زود زود بیا عشق جانم<br /> وایه من همه چی معلومه تو حالت چشمای من<br /> به همه میگه چیه تو دله رسوای من پر احساسه وجودم<br /> وایه من داره عشق میریزه از طرز نگاهای من<br /> جای من خالیه پیشت یار زیبای من<br /> بگو من عشقه تو بودم<br /> خوبه که خوبه حالت منم ایده آلت اسممه تو فالت عشق جانم<br /> </pre>

ببینید اصلا لود کردن html در یک اپلیکیشن عقلانی نیست ! کلی مشکل داره طول هم میکشه !
اگر قرار به لود html بود مریض بودن گفتن اپلیکیشن بزنیم ؟ خوب یه webview لود میکردن همون وبسایتو بالا میاوردن دیگه

@hesammousavi
خب آقای موسوی الان من چطوری پس میتونم مطالب یه سایت رو بالا بیارم؟
راه بهتری سراغ دارین؟
من واقعا خب کم تجربم

بخدا چند بار گفتم در بالا.
شما بجای اینکه انقدر تلاش کنید که html بیارید تو اپلیکیشن
بهتره یک خروجی json با استفاده از rest api وردپرس بگیرید خیلی تر و تمیز به هدفتون هم برسید .

@hesammousavi
خب واقعا ببخشید ولی من متوجه نمیشم
اون خروجی json رو چجوری باید نشون بدم؟
الان من اینو چیکار کنم باید؟
https://elrak.ir/wp-json/wp/v2/posts
مگه همین خروجی json نیست؟
شرمنده
تشکر

دوست عزیز @esn7ir محتویات json دریافتی رو توی اپ خودتون باید parse کنید
توی نت سرچ کنید تجزیه کردن json در اندروید