Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<span style="text-align:justify;display:block"> is not being rendered correctly #2262

Closed
Foadsf opened this issue Mar 14, 2019 · 4 comments
Closed

Comments

@Foadsf
Copy link

Foadsf commented Mar 14, 2019

From here I can use the HTML tag <span style="text-align:justify;display:block"> ... </span> to include markdown inside the HTML tags. The reason is that I want my text to be aligned-justified. This can be rendered on Visual Studio Code side preview. However Typora can't Render it properly. for example:

<div style="text-align:justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  **Tincidunt** augue interdum velit euismod in pellentesque. Quam nulla porttitor massa id neque. Amet massa vitae tortor condimentum lacinia. Pharetra diam sit amet nisl. Molestie a iaculis at erat pellentesque adipiscing commodo elit.</div>

is justified correctly (but ignores MarkDown). and also

<span style='color:red'>This is red</span>

renders as expected with red. But

<span style="text-align:justify; display:block">Vitae suscipit tellus mauris a diam maecenas. Egestas diam in arcu cursus euismod quis. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Enim sit amet venenatis urna cursus eget. Eu facilisis sed odio morbi quis commodo odio aenean. Duis ut diam quam nulla porttitor massa. </span>

doesn't respecter the styling for alignment justification. I would appreciate if you could help me know what is the problem and how it can be resolved.

@abnerlee
Copy link
Contributor

We don't allow display change for inline components

@Foadsf
Copy link
Author

Foadsf commented Mar 14, 2019

@abnerlee So how can I have a justify-alligned MarkDown paragraph in Typora?

@abnerlee
Copy link
Contributor

use

<div style="text-align:justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  **Tincidunt** augue interdum velit euismod in pellentesque. Quam nulla porttitor massa id neque. Amet massa vitae tortor condimentum lacinia. Pharetra diam sit amet nisl. Molestie a iaculis at erat pellentesque adipiscing commodo elit.
</div>

but requires #1939

(I see in Github the **Tincidunt** is also not rendered)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. **Tincidunt** augue interdum velit euismod in pellentesque. Quam nulla porttitor massa id neque. Amet massa vitae tortor condimentum lacinia. Pharetra diam sit amet nisl. Molestie a iaculis at erat pellentesque adipiscing commodo elit.

or custom your CSS file http://support.typora.io/Add-Custom-CSS/

@Foadsf
Copy link
Author

Foadsf commented Mar 15, 2019

@abnerlee The <div> tag does not render the MarkDown syntax correctly. I had to switch to AsciiDoc for several reasons, including this and what I have explained here.

This is the final result. It would be great if I could have all this with MarkDown in the first place.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants