Improvements on Latex in Steemit

in #steemit7 years ago (edited)

Latex as image


Note: this post is just intended for me to see the results and improve the implementation of LaTeX on Steemit given that we can't use MathJax. Here is what I achieved so far.

All the guides I had seen to include Latex equations on Steemit resulted in low quality images that made reading uncomfortable so... I decided to give it a try.



Nice isn't it? I now just need to figure out the way to center the image, any help? By the way does anyone know how to resize an image without loosing quality in Steemit? I followed this guide but I suppose there is something easier.

Sort:  

If you use <center></center> around an image, it should be centered within the enclosing div. However, it looks like Steemit strips out image size tags, which means we can't directly resize the image?

Code: <center><img src="https://developer.chrome.com/extensions/examples/api/extension/isAllowedAccess/sample-128.png" width="10" height="10"/></center>

So, the method using the Steemit-provided CSS classes pull-left and pull-right seem like the only things available. I tried resizing the div (also rejected) and a style (also removed) which is pretty standard for a CMS that has to handle user-provided content without barfing or causing security problems.

So, I don't think there is going to be a nice way to get the image size you want after the fact, it would have to be generated in the correct size right away. You might try using an SVG instead of a PNG if you want to be able to rescale, but I don't know if Steemit's image hosting supports that (it might automatically translate to a PNG) and as mentioned above, Steemit seems to strip out any formatting tags that would help.

Thanks a lot for your reply, I'll try changing the image format as you suggested. If that doesn't work the only thing I've got left is trying to rescale the PNGs using photoshop. I don't know why but when rescaling them with an online app I always got fuzzy images.

I was intending to do an article on classical mechanics, mainly Noether's theorem and it's use to derive Newton's third law and conservation of energy, but since we can't use MathJax and this doesn't work I think I'm going to give up.

My programming skills are... well, nonexistent (at least in css or anything related to web development) so any help would be appreciated

Congratulations @wise-wolf! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes received

Click on any badge to view your Board of Honor.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last announcement from @steemitboard!

Do you like SteemitBoard's project? Vote for its witness and get one more award!

Congratulations @wise-wolf: this post has been upvoted by @minnowhelpme!!
This is a free upvote bot, part of the project called @steemrepo , made for you by the witness @yanosh01.
Thanks for being here!!

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Wise Wolf from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.