create account

Standards and HIVE markdown by emrebeyler

View this thread on: hive.blog |  peakd.com |  ecency.com
condenser · @emrebeyler · (edited)
$31.16
Standards and HIVE markdown
<center><img src="https://imgs.xkcd.com/comics/standards.png"></center>
<center>"Standards" by <a href="https://xkcd.com/927/">XKCD</a></center>

***
Once upon a time, one developer at Steemit inc. decided to add some custom flavors to the the [official Markdown syntax](https://daringfireball.net/projects/markdown/syntax). One widely used example is that you can just paste image URLs into the post body, and they will be converted into an `img` HTML element, automatically.

One can argue that this is a very good usability thing for the end-users, but these kinds of custom flavors come with its own problems. Since users are expecting this behavior in everywhere, other HIVE interfaces also needs to implement the *"Condenser flavored Markdown".* 

And guess what, it's not really modular, so you can't just use it as a package, you need to pull the related parts from the Condenser, manually. 

We need a unified "Hive-Flavored-Markdown" package for Javascript (also preferably with other popular programming languages) so that every interface uses a common library to handle the differences.
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 226 others
👎  ,
properties (23)
authoremrebeyler
permlinkstandards-and-hive-markdown
categorycondenser
json_metadata{"tags":["markdown"],"image":["https://imgs.xkcd.com/comics/standards.png"],"links":["https://xkcd.com/927/","https://daringfireball.net/projects/markdown/syntax"],"app":"hiveblog/0.1","format":"markdown"}
created2020-07-07 13:36:03
last_update2020-07-07 18:44:48
depth0
children18
last_payout2020-07-14 13:36:03
cashout_time1969-12-31 23:59:59
total_payout_value17.054 HBD
curator_payout_value14.107 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,098
author_reputation437,111,488,908,318
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,389,904
net_rshares78,346,661,090,314
author_curate_reward""
vote details (292)
@arynews196 · 
Good post
👎  
properties (23)
authorarynews196
permlinkre-emrebeyler-2020711t72235513z
categorycondenser
json_metadata{"tags":["markdown"],"app":"esteem/2.2.5-mobile","format":"markdown+html","community":"hive-125125"}
created2020-07-11 02:22:36
last_update2020-07-11 02:22:36
depth1
children0
last_payout2020-07-18 02:22:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length9
author_reputation60,902,766,114
root_title"Standards and HIVE markdown"
beneficiaries
0.
accountesteemapp
weight300
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,452,536
net_rshares-12,294,296,322
author_curate_reward""
vote details (1)
@bashadow · 
That is a great idea, and that way when I want something to be added, maybe I can find a developer that can make an update to it, like adding a few more fonts or font size choices.
properties (22)
authorbashadow
permlinkre-emrebeyler-qd4364
categorycondenser
json_metadata{"tags":["condenser"],"app":"peakd/2020.07.1"}
created2020-07-07 18:25:12
last_update2020-07-07 18:25:12
depth1
children0
last_payout2020-07-14 18:25:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length180
author_reputation100,388,692,638,882
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,394,065
net_rshares0
@brutalisti · 
@emrebeyler Hi, there! Sorry for the random comment on an 10 months old post. I am just searching for people who are interested in usability, UX, behavior or just care about the Users. Your post match this criteria, so I wanna invite you to this [UX/UI design community.](https://ecency.com/created/hive-12358) It is not yet a community, but I hope we can gather more people interested in the topic. Thanks!
properties (22)
authorbrutalisti
permlinkre-emrebeyler-202156t143813925z
categorycondenser
json_metadata{"tags":["markdown"],"app":"ecency/3.0.16-vision","format":"markdown+html"}
created2021-05-06 11:38:15
last_update2021-05-06 11:38:15
depth1
children0
last_payout2021-05-13 11:38:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length407
author_reputation18,535,049,924,449
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id103,526,112
net_rshares0
@dkmathstats · 
Adding math text through LaTeX would be a plus too.
👍  
properties (23)
authordkmathstats
permlinkqd3zf9
categorycondenser
json_metadata{"app":"hiveblog/0.1"}
created2020-07-07 17:04:21
last_update2020-07-07 17:04:21
depth1
children1
last_payout2020-07-14 17:04:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length51
author_reputation111,319,664,573,387
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,392,967
net_rshares2,070,978,647
author_curate_reward""
vote details (1)
@theophile.roos · 
 a necessity
properties (22)
authortheophile.roos
permlinkre-dkmathstats-qd3ziq
categorycondenser
json_metadata{"tags":["condenser"],"app":"peakd/2020.07.1"}
created2020-07-07 17:06:27
last_update2020-07-07 17:06:27
depth2
children0
last_payout2020-07-14 17:06:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length13
author_reputation2,082,796,838,634
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,393,005
net_rshares0
@ecency · 
We have one here, been using it in Ecency/Esteem for over a year now: https://www.npmjs.com/package/@esteemapp/esteem-render-helpers
properties (22)
authorecency
permlinkre-emrebeyler-2020717t182613523z
categorycondenser
json_metadata{"tags":["markdown"],"app":"ecency/0.0.1-vision","format":"markdown+html","community":"ecency.app"}
created2020-07-17 15:26:18
last_update2020-07-17 15:26:18
depth1
children0
last_payout2020-07-24 15:26:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length132
author_reputation549,956,868,457,730
root_title"Standards and HIVE markdown"
beneficiaries
0.
accountecency
weight100
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,572,119
net_rshares0
@jpphotography ·
$0.06
There's https://www.npmjs.com/package/steem-content-renderer by @wise-team and @mahdiyari seems to be working on a fork for Hive https://github.com/mahdiyari/hive-content-renderer
👍  
properties (23)
authorjpphotography
permlinkre-emrebeyler-qd415f
categorycondenser
json_metadata{"tags":["condenser"],"app":"peakd/2020.07.1"}
created2020-07-07 17:41:45
last_update2020-07-07 17:41:45
depth1
children7
last_payout2020-07-14 17:41:45
cashout_time1969-12-31 23:59:59
total_payout_value0.028 HBD
curator_payout_value0.028 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length179
author_reputation130,251,580,857,124
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,393,483
net_rshares244,208,815,214
author_curate_reward""
vote details (1)
@emrebeyler · 
Seems like abandoned, how do you tackle this problem at Travelfeed?
properties (22)
authoremrebeyler
permlinkqd484w
categorycondenser
json_metadata{"app":"hiveblog/0.1"}
created2020-07-07 20:12:33
last_update2020-07-07 20:12:33
depth2
children6
last_payout2020-07-14 20:12:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length67
author_reputation437,111,488,908,318
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,395,718
net_rshares0
@jpphotography · 
Abandoned but still working since the Condenser logic didn't change much. I'm currently using steem-content-renderer with some additional tweaks. The bundle-size is quite large though, so I use it on the server-side and save the parsed and sanitised output in our database, on the client-side it's only loaded for the editor preview. The server-side code is here https://github.com/travelfeed-io/tf-content-renderer, there's a second package that parses that code to react components https://github.com/travelfeed-io/tf-static-blog/tree/master/helpers/tf-react-parser.

I'm still maintaining full compatibility with Condenser markdown, but the default editor on TravelFeed is a block-based WYSIWYG editor with additional features https://travelfeed.io/@travelfeed/how-to-use-the-easyeditor-step-by-step-guide that are saved as stringified json in html. The json parameter of a div element is parsed out by Condenser, so only the placeholder is shown on Condenser but on TravelFeed the json is parsed instead. For example, that's how it looks like for an image gallery:

```
<div json='{"type":"imageGallery","data":{"images":[{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092715584Z-16.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092717590Z-4.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092719752Z-7.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092716918Z-23.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092716114Z-17.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092720265Z-5.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092722618Z-29.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092718251Z-30.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092719252Z-2.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092724328Z-1.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092720988Z-25.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092728224Z-15.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092725907Z-28.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092729067Z-26.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092726778Z-11.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092725145Z-22.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092722822Z-24.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092724480Z-14.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092729891Z-10.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092730110Z-13.jpg","width":4000,"height":2250},{"url":"https://img.travelfeed.io/invisusmundi%2F20200428T092731724Z-12.jpg","width":4000,"height":2250}],"style":"masonry"}}'><p><em>Image galleries are not supported by your current frontend. View this post on TravelFeed.io for the full experience.</em></p><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092715584Z-16.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092717590Z-4.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092719752Z-7.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092716918Z-23.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092716114Z-17.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092720265Z-5.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092722618Z-29.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092718251Z-30.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092719252Z-2.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092724328Z-1.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092720988Z-25.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092728224Z-15.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092725907Z-28.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092729067Z-26.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092726778Z-11.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092725145Z-22.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092722822Z-24.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092724480Z-14.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092729891Z-10.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092730110Z-13.jpg" /></center><center><img src="https://img.travelfeed.io/invisusmundi%2F20200428T092731724Z-12.jpg" /></center></div>
```
properties (22)
authorjpphotography
permlinkre-emrebeyler-qd5abx
categorycondenser
json_metadata{"tags":["condenser"],"app":"peakd/2020.07.1"}
created2020-07-08 09:57:42
last_update2020-07-08 09:57:42
depth3
children0
last_payout2020-07-15 09:57:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length5,543
author_reputation130,251,580,857,124
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,404,859
net_rshares0
@mahdiyari · 
`hive-content-renderer` should make the same HTML output as condenser. It's not just a fork. It's a complete code rewrite in javascript.
properties (22)
authormahdiyari
permlinkqd494z
categorycondenser
json_metadata{"app":"hiveblog/0.1"}
created2020-07-07 20:34:12
last_update2020-07-07 20:34:12
depth3
children4
last_payout2020-07-14 20:34:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length136
author_reputation168,453,265,420,231
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,395,976
net_rshares0
@macchiata · 
Hoping these two can be added;

- More fonts options  (size, color, font type)
- More formula options (math, code, references/bibliography)
properties (22)
authormacchiata
permlinkqd58yy
categorycondenser
json_metadata{"app":"hiveblog/0.1"}
created2020-07-08 09:28:12
last_update2020-07-08 09:28:12
depth1
children0
last_payout2020-07-15 09:28:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length139
author_reputation978,234,104,879,042
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,404,411
net_rshares0
@slashformotion · 
This is very much needed.

We NEED syntax coloring for code.
👍  
properties (23)
authorslashformotion
permlinkre-emrebeyler-qd3yd1
categorycondenser
json_metadata{"tags":["condenser"],"app":"peakd/2020.07.1"}
created2020-07-07 16:41:24
last_update2020-07-07 16:41:24
depth1
children2
last_payout2020-07-14 16:41:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length60
author_reputation2,410,764,686,560
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,392,688
net_rshares24,456,981,243
author_curate_reward""
vote details (1)
@macchiata · 
Indeed! I've been mentioning about it too when someone bring up markdown topic. More options and css options if possible :D
👍  
properties (23)
authormacchiata
permlinkqd58ul
categorycondenser
json_metadata{"app":"hiveblog/0.1"}
created2020-07-08 09:25:36
last_update2020-07-08 09:25:36
depth2
children1
last_payout2020-07-15 09:25:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length123
author_reputation978,234,104,879,042
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,404,394
net_rshares1,754,058,660
author_curate_reward""
vote details (1)
@slashformotion · 
that would be awesome
properties (22)
authorslashformotion
permlinkre-macchiata-qd5exe
categorycondenser
json_metadata{"tags":["condenser"],"app":"peakd/2020.07.1"}
created2020-07-08 11:36:51
last_update2020-07-08 11:36:51
depth3
children0
last_payout2020-07-15 11:36:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length21
author_reputation2,410,764,686,560
root_title"Standards and HIVE markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,406,033
net_rshares0
Help/Feedback