fifthtry / code-block Goto Github PK

Now it's using only a single one.

-- rendered: 
body input: 
ftd.ui list output:
optional string filename:	

Ex.

-- rendered:

\-- ftd.text: Hello world

-- rendred.output:

-- ftd.text: Hello world

-- end: rendred.output

Filename should be optional and if given it should be shown at right side on code-block title-bar

Ref:
https://docusaurus.io/docs/installation

https://docusaurus.io/docs/installation#build

As suggested by @amitu while discussing feedback on rendered component. Below are few UI suggestions can be added as improvements.

Can we improve rendered component UI with adding below features:

1. Give a full-screen mode icon - and On-Click of it show a dropdown(On-Click of each option it shows rendered component in full screen mode as seen in below screenshots) which has below options:

• Vertical - left
• Vertical -right
• Horizontal - top
• Horizontal - bottom

Similar way like browsers developer tools show UI like:

• Output vertically - left:

• Output vertically - right:

• Output horizontally - top:

2. Also, while showing rendered component it should bifurcate between input and output. May be a border which starts from input and finishes at output - so that visual UI should visible like where rendered component started and ended.
   As in large documentation pages, it will help peoples while reading any documentation.