Jump to content
How to Install Plugins ×

Dr Scott's Markup Renderer


Ego Eram Reputo

Recommended Posts

A little while back @Drydareelin asked if there was a way to render complex mathematical equations in paint.net.  You can imagine how difficult it would be trying to put this little number together...

 

Demo_Equation.png

 

There wasn't an easy way, so I created a little plugin to do the job.  Welcome to Dr Scott's* Markup Renderer!

 

 

UIDemo_Dr_Scott.png

 

 

What does it do?

 

It takes markup wrapped in an HTML document in the top window and previews it in the bottom window - which is actually a stripped down web browser (IE).

 

With this plugin you can render web pages, tables, text, XML - all kinds of stuff straight to the paint.net canvas.  CSS and JavaScript can be used.

 

Rendering of math equations requires an internet connection as I'm using MathJax to perform the rendering (because IE doesn't play nice with MathML).

 

Demo_Equation2.png(an identity of Ramanujan)

 

I've placed plenty of sample in the menus to get you started. 

 

 

It's a browser!

 

It is.  With an internet connection you can enter URL's in the little address bar and have web pages rendered in the preview panel.  Of course this DOES NOT give you permission to rip off graphics you don't own or have the rights to.  Normal copyright applies, 'mkay?

 

 

Installation

 

Download my zipped plugin pack http://forums.getpaint.net/index.php?/topic/110145-eers-plugin-pack/

Unzip it and run the *.exe. Restart paint.net. Brilliant Eh? BoltBait wrote that installer. He's my hero.

 

 

Wheres it at?

 

Find the plugin in the Effects > Advanced submenu.

 

 

Cool Stuff

 

I've stuffed some very cool HTML5 effects into the menus.  One even shows animations!  Awesome B)

 

You'll find some helpful reference URL's in the Help menu.

 

Change the code window font and size with those clever little buttons in the micro Tool Bar.

 

Import fonts with the Google Font API and a little JS.  See HTML > Headings for a demo.

 

UIDemo_Dr_Scott2.png

 

My thanks to Drydareelin for the idea and many suggestions along the development trail. Also to TechnoRobbo who assisted with some excellent code suggestions, and Red Ochre who also helped with the development. 

 

Caution #1

 

The web browser is a bit flaky.  No really.  I strongly advise you to save your code before rendering or write it in another application and paste it into the code window.  I also urge you to hit the COPY button prior to the OK button.  This copies the preview panel to the clipboard - so you have a copy if the render fails.

 

 

Caution #2

 

Be wary of changing the window size or the web browser font size.  Doing so will almost certainly lead to a fail-to-render moment.  Refreshing the preview panel by typing in a random character in the code window then deleting it should do the job.  I recommend using CSS to control the font size.

 

 

* I am not a doctor - though I'm frequently mistaken for one.  The name is a hat-tip to Dr Seuss - its a long story....

  • Upvote 8
Link to comment
Share on other sites

Thanks for this!

Wish I knew more about html & mathjax... but that's down to me ;)

 

 

@ERR! "Wish I knew more about html & mathjax."  Thank you very much and your effort.  :pizza:  :mtdew: 

Live as if you were to die tomorrow. Learn as if you were to live forever.

Gandhi

 

mae3426x.png

Link to comment
Share on other sites

Seerose, Remake, Technorobbo & Midora - thank you. You kind words are much appreciated.

@Red Ochre - ignore TeX and LaTeX formats & have a play with the MathML code samples. They have matching opening & closing tags just like the forum tags. The MathML tutorial link in the Help menu is a brilliant introduction to the subject.

Link to comment
Share on other sites

Seerose, Remake, Technorobbo & Midora - thanks guys. You kind words are much appreciated.

 

@ERR!  :lol: I'm not a boy. I am the water lily. (Ms.)  B)

Live as if you were to die tomorrow. Learn as if you were to live forever.

Gandhi

 

mae3426x.png

Link to comment
Share on other sites

You are quite right. "Guys" was misplaced. Sorry Seerose. Ms Seerose :D

Link to comment
Share on other sites

You are quite right. "Guys" was misplaced. Sorry Seerose. Ms Seerose :D

 

@ I don't have to change before my gender. r9gnun4j.gif

@ :D   I don't have to change before my gender. r9gnun4j.gif

@ I don't have to change before my gender. r9gnun4j.gif

Live as if you were to die tomorrow. Learn as if you were to live forever.

Gandhi

 

mae3426x.png

Link to comment
Share on other sites

Wow Dr. Scott - that is simply amazing!

 

Too bad @Dryda will not be able to see it - he's still locked out from the site after all this time :( .  (Although he says he sneaks a look when at Uni).

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

Wow Dr. Scott - that is simply amazing!

Thank you Pixey!

 

Too bad @Dryda will not be able to see it - he's still locked out from the site after all this time :( . (Although he says he sneaks a look when at Uni).

Dryda got to trial several beta versions - so had lots of play-time with this as I developed it. Thanks Dryda!

My thanks also to TechnoRobbo who assisted with a couple of excellent code suggestions, and Red Ochre who also helped with the development.

Link to comment
Share on other sites

  • 2 weeks later...

It's awesome! I didn't even know this was up (even after I got back online) until EER told me. Watching it progress was pretty awesome too and it does it's job perfectly.

 

For the LaTeX side of it, there are multiple apps you can use too help you find the code needed.

 

Examples:

There are some more, but these are my most used. I haven't really searched for any on HTML5 and MathML but I'm sure they exist :)

I'll give some more information on how to use these if asked.

 

Thanks for the plugin!

Link to comment
Share on other sites

Welcome back Dryda! This plugin was created for you so I expect some examples to be posted :lol:

Good luck with your studies. I hope the plugin makes those posters a breeze to construct.

Link to comment
Share on other sites

  • 4 months later...

Trident??

The plugin uses the installed version of IE. If you're using IE9 the news is bad because it always uses ClearType font rendering (ref: http://stackoverflow.com/questions/5427315/disable-cleartype-text-anti-aliasing-in-ie9).

You could try targeting an earlier version (or later) by adding this line into the HTML

 

<meta http-equiv="X-UA-Compatible" content="IE10">
Link to comment
Share on other sites

  • 1 year later...

The version of this plugin in my Plugin Pack has been updated (Plugin Browser preview image)

  • Upvote 1
Link to comment
Share on other sites

On 22/10/2016 at 3:25 PM, Ego Eram Reputo said:

The version of this plugin in my Plugin Pack has been updated (Plugin Browser preview image)

 

Was that to fix the TeX mathjax slow load bug? Thankyou for your work! :)

PaintFail.png

Link to comment
Share on other sites

Um, no. No one had told me there was a problem. Can you send me further details?

Link to comment
Share on other sites

Oh, that's just a little bit off :lol:

 

Thanks toe-y. I'll fix that soon(ish). Perhaps this weekend.

Link to comment
Share on other sites

The anchoring of the Refresh button has been fixed :smile:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...