🤷 I ended up writing HTML parser & discarded all changes 😭

in blurt •  last year 

Hello Blurt Community Members,

With this post, let me share some developement update on pwa.blurt.blog.

Markdown or HTML or BOTH

  • First rule of Flutter is - FLUTTER IS NOT HTML RENDERER
  • You do not talk about HTML

image

Markdown renderers and HTML rendering

  • So far, I have achieved rendering basic markdown
  • But users on blurt, tend to merge HTML & markdown both.
  • Some users only use HTML
  • Those HTML tags / contents are not rendered / displayed properly on pwa.blurt.blog.

image

HTML Parsing

  • One solution is to handle HTML tags manually

image

  • So, I started implementing custom tags
  • e.g. YouTube video, DTube Video
  • -
    tag,
    tag

Too much of parsing

  • HTML is full of tags
  • h1, h2, h3 are just few
  • tags are unlimited
  • I can not go ahead & write HTML parser for every tag
  • and build a custom handler for it :(
  • It's painful process
  • Simple solution would be showing it in a web-view.

image

What's next?

  • I spent too much time & don't have fruitful result on it.
  • I'll try to integrate web-view inside details of a post.
  • If experiments go well, I'll roll out a new version soon.

Support me back

Do you like the work I am doing?
If yes, support me back by voting me as Blurt witness
Please download the apps using the details provided below
and share your feedback

Vote me as witness

https://blurtwallet.com/~witnesses?highlight=sagarkothari88

Download PWA App on iOS or Android

Just OPEN any of following url

https://pwa.blurt.blog/#/
https://blurt.sagarkothari88.one/
https://blurt-blog.web.app/
https://blurt-blog.firebaseapp.com/#/

Add the bookmark on your home screen & you're set to use app.


2023-02-22 - @sagarkothari88's Curation ❤️ Report

  • My curation bot (or I've) decided to ❤️ love the posts of following users.
  • Don't forget to motivate below mentioned users by clicking the links provided.

UsernameLink
@jvandeperrehttps://blurt.blog/@jvandeperre/ramarias-botanical-painting
@hanginhttps://blurt.blog/@hangin/amazing-surin-island-thailand
@a-g-shardhttps://blurt.blog/@a-g-shard/rainbow-pencil-daisy-abstract
@bitaihttps://blurt.blog/@bitai/axie-2-way-of-beast
@yelimarinhttps://blurt.blog/@yelimarin/merienda-atomica
@mostrorobothttps://blurt.blog/@mostrorobot/esp-eng-hablando-de-silicon-valley
@zulmahttps://blurt.blog/@zulma/black-and-white-photography-share-with-family-esp-eng
@rtytfhttps://blurt.blog/@rtytf/micro-e-mini-nasdaq-2023-3-2-21-23
@alejos7venhttps://blurt.blog/@alejos7ven/how-to-keep-your-childrens-safe-while-using-the-internet
@offgridlifehttps://blurt.blog/@offgridlife/winter-sunset-on-the-big-rock-candy-mountain
@boylikegirlhttps://blurt.blog/@boylikegirl/yoeqt6joxnq
@celi130https://blurt.blog/@celi130/my-black-and-white-photography-21-02-2023
@kenan-gracehttps://blurt.blog/@kenan-grace/np746a6n1vs
@ellyminhttps://blurt.blog/@ellymin/sweatcoin
@bangsamhttps://blurt.blog/@bangsam/fotografi-hitam-putih-21-februari-2023
@kyjuhttps://blurt.blog/@kyju/3aggwh
@nasoehttps://blurt.blog/@nasoe/5daarf-blurt-diary
@ayana511https://blurt.blog/@ayana511/turkish-beauty-berguesar-korel-or-water-color-portrait
@bitphotohttps://blurt.blog/@bitphoto/the-great-ice-fishing-derby-has-begun
@ezunjoshyhttps://blurt.blog/@ezunjoshy/my-graphite-drawing-of-steve-jobs
@ravenkimhttps://blurt.blog/@ravenkim/2frut4
@koreaminerhttps://blurt.blog/@koreaminer/2xbjyw
@kamranrkployhttps://blurt.blog/@kamranrkploy/asphalt-9-elite-grand-prix-bugatti-veyron-gs-round-2-31-9xx
@globetrottergcchttps://blurt.blog/@globetrottergcc/e128-restored-vintage-200-luck-monday-start-of-the-week
@luluwindahttps://blurt.blog/@luluwinda/pukis
@borghesegardenshttps://blurt.blog/@borghesegardens/4g1r39-makes-sense-to-me
@dirkzetthttps://blurt.blog/@dirkzett/actifit-dirkzett-20230222t060406605z
@yakubenkohttps://blurt.blog/@yakubenko/one-of-the-first-arts-i-started-drawing-on-ipad-spiderman-black
@andriannahttps://blurt.blog/@andrianna/5twyzc-bridge-over-the-neva-river-saint-petersburg
@mypathtofirehttps://blurt.blog/@mypathtofire/threetunetuesday-attack-on-titan-aot
@zpznhttps://blurt.blog/@zpzn/digital-paintings-3d-art-715
@tekrazehttps://blurt.blog/@tekraze/uufgir9swkf
@andy4475https://blurt.blog/@andy4475/my-original-photography-of-the-english-countrside-and-short-poetry
@chorockhttps://blurt.blog/@chorock/sunny-day-in-winter-global-warming-in-istanbul
@bitandihttps://blurt.blog/@bitandi/die-berliner-mauer
@s-q-lotehttps://blurt.blog/@s-q-lote/pizza-e-burrata
@kryptodennohttps://blurt.blog/@kryptodenno/5000-blurtpower-delegation-raffle-delegationsverlosung-864-incl-winner-of-856
@dobartimhttps://blurt.blog/@dobartim/in-your-movements
@imransoudagarhttps://blurt.blog/@imransoudagar/healthy-living-22nd-february
@hansangyouhttps://blurt.blog/@hansangyou/2pc5vg
@yuanyuanzihttps://blurt.blog/@yuanyuanzi/qig1fjurr0s
@certainhttps://blurt.blog/@certain/c6uphqhsg6m
@atongishttps://blurt.blog/@atongis/actifit-atongis-20230221t175506711z
@nainaztengrahttps://blurt.blog/@nainaztengra/eating-real-foods-for-good-health
@davidesimoncinihttps://blurt.blog/@davidesimoncini/focaccia-dough-and-blurtfood-and-my-favourite-food-contest-1677058527479
@jjprachttps://blurt.blog/@jjprac/actifit-jjprac-20230221t150115677z
@sweetpiebpnhttps://blurt.blog/@sweetpiebpn/black-and-white-photography-22-february-2023
@krevasilishttps://blurt.blog/@krevasilis/foodbook-1222-lemon-big-meatballs
@josludhttps://blurt.blog/@joslud/my-cryptoart-galery-in-deviantart-crypto-003-ethereum-es-en
@mein-senf-dazuhttps://blurt.blog/@mein-senf-dazu/actifit-mein-senf-dazu-20230221t215555812z
@ieronimushttps://blurt.blog/@ieronimus/weird-dreams-32
@unyungkutukhttps://blurt.blog/@unyungkutuk/good-morning
@harryjihttps://blurt.blog/@harryji/c2fu7
@martusamakhttps://blurt.blog/@martusamak/actifit-martusamak-20230221t221422559z
@dududu1314https://blurt.blog/@dududu1314/wm9mvh3zh2m
@geneeveretthttps://blurt.blog/@geneeverett/gqgw04bcvav
@hanginhttps://blurt.blog/@hangin/mydailypost-196-the-anchor-of-the-wrecked-dunbar-ship
@bo022https://blurt.blog/@bo022/my-rising-star-e119
@lilbizzhttps://blurt.blog/@lilbizz/men-s-common-beliefs-in-life
@iyanpol12https://blurt.blog/@iyanpol12/went-to-the-mall-last-sunday
@blurtyieldhttps://blurt.blog/@blurtyield/bitcoin-fixes-democracy
@animal-shelterhttps://blurt.blog/@animal-shelter/the-secret-to-a-happy-hen-caring-for-your-chickens
@sukrawetanhttps://blurt.blog/@sukrawetan/very-small-snail
@woleyouhttps://blurt.blog/@woleyou/a-stationery-shop-near-the-school
@anfcjfjahttps://blurt.blog/@anfcjfja/2vcdrp-50
@kgakakillerghttps://blurt.blog/@kgakakillerg/ball-head-alien-i-post-new-creations-daily
@dodoimhttps://blurt.blog/@dodoim/6e3pft
@public-moneyhttps://blurt.blog/@public-money/landscaping-ideas-to-boost-your-home-s-curb-appeal
@juliansoktohttps://blurt.blog/@juliansokto/enchantment-of-the-hills-in-bogor-regency
@mattsanthonyithttps://blurt.blog/@mattsanthonyit/the-new-beginnings-for-the-appetizer-to-the-stomach-vegetables-the-crawler-family
@shotokan84htchttps://blurt.blog/@shotokan84htc/origen-del-super-nintendo-snes
@j85063https://blurt.blog/@j85063/actifit-j85063-20230222t105012896z
@nestorgarciahttps://blurt.blog/@nestorgarcia/yellow-art
@razack-pulohttps://blurt.blog/@razack-pulo/my-coffee-today-at-abad29-coffee
@ace108https://blurt.blog/@ace108/the-sunset-and-the-rainbow-or-by-ace108
@mtravelhttps://blurt.blog/@mtravel/cambodia-battambang-homemade-rice-alcohol-production-my-journey-through-asia
@jasonmunapaseehttps://blurt.blog/@jasonmunapasee/beautiful-flowers-in-a-small-garden
@marko499https://blurt.blog/@marko499/birthdey
@shadflyfilmshttps://blurt.blog/@shadflyfilms/vintage-autos-for-sale
@kolkamkwanhttps://blurt.blog/@kolkamkwan/take-the-team-to-eat-noodles-en-th-1677082700360
@jvandeperrehttps://blurt.blog/@jvandeperre/botanical-drawing-to-color
@moeenalihttps://blurt.blog/@moeenali/splinterlands-social-media-challenge-12x-gladius-packs-opening-got-a-legendary-water-monster-flagulon-reine
@fabihahttps://blurt.blog/@fabiha/the-perfect-tech-gifts-for-everyone-on-your-list
@offgridlifehttps://blurt.blog/@offgridlife/the-ultimate-bitcoin-buy-and-sell-guide
@esquibel09https://blurt.blog/@esquibel09/mi-presentacion
@cruishttps://blurt.blog/@cruis/34847dmu40a
@kahkashanrkployhttps://blurt.blog/@kahkashanrkploy/some-furniture-work-going-on-in-our-house
@galina15https://blurt.blog/@galina15/visit-to-a-spanish-mini-farm
@globetrottergcchttps://blurt.blog/@globetrottergcc/your-changes-and-successes-are-within-you
@cosmicboy123https://blurt.blog/@cosmicboy123/fauna-de-la-peninsula-de-yucatan-arana-saltarina-de-2-lineas
@andriannahttps://blurt.blog/@andrianna/i-love-to-draw-embroider-and-cook-i-also-love-spending-time-with-my-family
@epistemhttps://blurt.blog/@epistem/epistem-daily-curation-report-21-02-23
@syllemhttps://blurt.blog/@syllem/creando-una-rutina-al-caminar
@tekrazehttps://blurt.blog/@tekraze/actifit-tekraze-20230222t182714917z
@jangin-jeongsinhttps://blurt.blog/@jangin-jeongsin/7rq8hm
@wiljman76https://blurt.blog/@wiljman76/fssbmny14nk
@chorockhttps://blurt.blog/@chorock/steem-price-cant-break-up-0-25-usd
@practicalerichttps://blurt.blog/@practicaleric/actifit-practicaleric-20230222t205711964z
@blurt-lottohttps://blurt.blog/@blurt-lotto/fuqvifbk
@pravesh0https://blurt.blog/@pravesh0/my-travel-diary-delhi-s-lodhi-garden
@teesartshttps://blurt.blog/@teesarts/why-crypto-appeals-to-be-the-best-investment-in-2023-even-with-the-risks-involved
@maxwellmarcusarthttps://blurt.blog/@maxwellmarcusart/face-mask-digital-drawing
@onchain-curatorhttps://blurt.blog/@onchain-curator/3gqunv-mid-week-update-on-occ-s-share-and-earn-contest
@muftishuaibalamhttps://blurt.blog/@muftishuaibalam/my-introduction-to-blurt-blockchain
@jerrybanfieldhttps://blurt.blog/@jerrybanfield/i-bought-15-599-154-affinity-afnty-today-i-ll-be-a-crypto-millionaire-soon
@mein-senf-dazuhttps://blurt.blog/@mein-senf-dazu/second-try-low-carb-roasted-onions-zweiter-versuch-low-carb-roestzwiebeln
@justyyhttps://blurt.blog/@justyy/how-can-i-make-money-using-crypto
@ezunjoshyhttps://blurt.blog/@ezunjoshy/a-digital-watercolor-painting-of-homer-simpson
@larasbpnhttps://blurt.blog/@larasbpn/kembang-sepatu-tumpuk
---

Support me back

Do you like the work I am doing?
If yes, support me back by voting me as Blurt witness
Please download the apps using the details provided below
and share your feedback

Vote me as witness

https://blurtwallet.com/~witnesses?highlight=sagarkothari88

Download PWA App on iOS or Android

Just OPEN any of following url

https://pwa.blurt.blog/#/
https://blurt.sagarkothari88.one/
https://blurt-blog.web.app/
https://blurt-blog.firebaseapp.com/#/

Add the bookmark on your home screen & you're set to use app.


Cheers
Have a good one

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE BLURT!
Sort Order:  

HTML and markdown can be used to create beautiful designs. I use beautiful markdown in my posts.

You will be amazed to know, there is a parser for each media in condenser on hive/blurt for parsing that part of code.

When I started working on amplifier, I also faced same issue
But next js provided me a different solutions.

With the react editor, we can do regex and return components in the editor, that will replace the code.

So, that way, you only need to handle regex.
I suggest you find some embed package in flutter and write regexes .

Thanks for your continuous efforts for Blurt.

For many things, there are no widgets - e.g. inline tweet display. So, I think showing content inside a web-view would & using the existing logic from condenser would be a smart idea.

We can take idea from there, but it's better to have modern code for performance and clean code

Respect boss you are doing a good job, want to be like some day, well i tried using your front but don't know how to find my ways. All good i need more time to learn and i did vote you as a witness
Screenshot_20230223-175947.png


Posted from https://blurtlatam.intinte.org

Without googling, how many people on blurt or hive do you think that can make the difference between markdown or html? :)) 10s? 100s?


Posted from https://blurt.one

That's the problem. People don't know & they tend to add anything in the post. Due to this dev has to handle both HTML & markdown.

Markdown have some limitations with design, so people use html snippets more

I know but it makes a nightmare for devs

I bet that the end users don't care that much about dev's nightmares :))


Posted from https://blurt.one

No one.
In fact, while providing feedback, end users go brutal & don't respect the amount of efforts invested in developing things.

Yeah that's true. This is also because the time condenser and steem were developed, there were not much packages, so Dev's have to do more work

This more work has made adapting to new code difficult