benweet/stackedit

In-browser Markdown editor

StackEdit

Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.

https://stackedit.io/

Ecosystem

• Chrome app
• NEW! Embed StackEdit in any website with stackedit.js
• NEW! Chrome extension that uses stackedit.js
• Community

Build

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm start

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Deploy with Helm

StackEdit Helm chart allows easy StackEdit deployment to any Kubernetes cluster. You can use it to configure deployment with your existing ingress controller and cert-manager.

# Add the StackEdit Helm repository
helm repo add stackedit https://benweet.github.io/stackedit-charts/

# Update your local Helm chart repository cache
helm repo update

# Deploy StackEdit chart to your cluster
helm install --name stackedit stackedit/stackedit \
  --set dropboxAppKey=$DROPBOX_API_KEY \
  --set dropboxAppKeyFull=$DROPBOX_FULL_ACCESS_API_KEY \
  --set googleClientId=$GOOGLE_CLIENT_ID \
  --set googleApiKey=$GOOGLE_API_KEY \
  --set githubClientId=$GITHUB_CLIENT_ID \
  --set githubClientSecret=$GITHUB_CLIENT_SECRET \
  --set wordpressClientId=\"$WORDPRESS_CLIENT_ID\" \
  --set wordpressSecret=$WORDPRESS_CLIENT_SECRET

Later, to upgrade StackEdit to the latest version:

helm repo update
helm upgrade stackedit stackedit/stackedit

If you want to uninstall StackEdit:

helm delete --purge stackedit

If you want to use your existing ingress controller and cert-manager issuer:

# See https://docs.cert-manager.io/en/latest/tutorials/acme/quick-start/index.html
helm install --name stackedit stackedit/stackedit \
  --set dropboxAppKey=$DROPBOX_API_KEY \
  --set dropboxAppKeyFull=$DROPBOX_FULL_ACCESS_API_KEY \
  --set googleClientId=$GOOGLE_CLIENT_ID \
  --set googleApiKey=$GOOGLE_API_KEY \
  --set githubClientId=$GITHUB_CLIENT_ID \
  --set githubClientSecret=$GITHUB_CLIENT_SECRET \
  --set wordpressClientId=\"$WORDPRESS_CLIENT_ID\" \
  --set wordpressSecret=$WORDPRESS_CLIENT_SECRET \
  --set ingress.enabled=true \
  --set ingress.annotations."kubernetes\.io/ingress\.class"=nginx \
  --set ingress.annotations."cert-manager\.io/cluster-issuer"=letsencrypt-prod \
  --set ingress.hosts[0].host=stackedit.example.com \
  --set ingress.hosts[0].paths[0]=/ \
  --set ingress.tls[0].secretName=stackedit-tls \
  --set ingress.tls[0].hosts[0]=stackedit.example.com

stackedit's Issues

Documentation of the webapp should say how passwords/credentials are stored

I don't feel comfortable giving access to all documents in google drive to any app.
In the same way, I don't feel comfortable to give access to my private github repositories.

However, I might do that if these credentials are stored in the browser only and never transferred to any server. At the moment I don't have time to dig through the open source code to figure this out. It would be nice if this information is very clearly stated somewhere.

Another option is to simply publish anonymous gists.

How to write reference & citation?

I try to write some reference as following:
From [bao2004zermelo][1], we konw that...

The problem is that this can't work when there has some white space in the reference, then how to solve this problem?

Maybe integrate bibtex-markdown into stackedit will be a perfect solution?

[1]: Bao, David, Colleen Robles, and Zhongmin Shen. "Zermelo navigation on Riemannian manifolds." *Journal of Differential Geometry* 66.3 (2004): 377-435.

PDF/ODT export

should be useful for printing, sending as attachment etc. maybe using jsPDF and webODF?

Character Counter？

Is there any plan to support Character Counter?
It is useful.
Thank you.

Copy HTML to Clipboard

This simple task is incredibly useful!

Please, simply add this functionality: “Copy generated HTML to Clipboard“ (not the whole HTML page that would be exported, but only the DOCUMENT CONTENT HTML).

We know this is a simple addition and would make the application a lot more useful!

Can't undo from `ctrl+X`!

It is quite strange that we can not undo the edits when we use ctrl+V or Ctrl+X, then I think I can import it again from google drive, but I am wrong again, it seems that stackedit has update it from time to time, thus I have LOST all the content of markdown, since I try to Ctrl+V the html content into stackedit...

Thus, I think since we can't transform html into markdownagain (at least can't by Ctrl+V), thus can we change the update function such that it only do the update after we press publish? But I also prefer that we can do/undo locally.

[Feature] List item autocompletion

It would be nice if you are currently editing a list and hit the return/enter key, on the new line an asterisk (*) or continuous number item is added automatically. If you hit enter again it should disappear.

Would be a nice workflow addition and shouldn't be that hard to implement 👍

Add filename support to saving

For example, if I download a document titled "Test Document" as Markdown, it should be saved as Test Document.md. You could use FileSaver.js to add this feature.

Preview pane: Reference links work in general, but not inside tables

The Link-Syntax

[clickable text][id]

works well in paragraphs, but not inside tables.

Test-Sample:

## Great Markdown Editor (online)

* [StackEdit][1] with support for Tables

## Keyword Matrix for suche.t-online.de

column    | column |
:---:     | :---:  |
[link][1] |   text |

Can we have table of contents automatically?

I mean we can have table of contents to guide the content of each post by extract each head tag, such as <h1>Introduction</h1>, <h2>Motivation</h2> and so on and translate them into something like 1. Introduction, and 1.2 Motivation?

This is I added by hand:

[Feature] Imageupload via Drag & Drop

For writing documents with images it would be very handy to upload images via drag&drop. So simply drag a image on the textarea and the file automatically gets uploaded to an image hoster.

Link Syntax Not Parsed

This use of this link syntax is not getting displayed properly:

[The Ethicist responded the other day to a really interesting letter](http://www.nytimes.com/2013/06/02/magazine/can-i-use-the-same-paper-for-multiple-college-courses.html “Can I Use the Same Paper for Multiple College Courses?”)

wrong URIs in preview

In my documents I often use URI schema to link to other applications; e.g. message: to refer to emails.

In the preview window those URIs are prepended with http://benweet.github.io/stackedit/ and URL encoded. In this way they cannot be used.

Correct URIs/IRIs should not be modified by preview

When the editor opens from Google Drive, I'm constantly getting the "you are offline" popup.

Both the "you are offline" and the "operation not availlable in offline mode" popups appear even when I am connected to the internet.

Happens

as soon as I open a document from Google Drive.
when I try to export a document to Google Drive.

Only managed to export a document once.

Request font preference

Under Setings -> Editor it would be nice to be able to choose between Courier and Consolas.

`\label` equation did not render by mathjax

When I try the following equation taken from mathjax:

In equation \eqref{eq:sample}, we find the value of an
interesting integral:

\begin{equation}
  \int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}
  \label{eq:sample}
\end{equation}

the equation will be correctly rendered by mathjax at the first time, but after add some new content, the mathjax render did not work for the equation, if I remove the \label tag, it will work finely.

I am quite sure this is a problem with mathjax render, not markup or stackedit, since the same problem exist in StackExchange.

But could you please help me to find the key points of the problem, and feedback to mathjax development group?

Shorter document selector

I find it is not so user-friend for the document selector, when I want to continue my last writing, the selector is always sorted the post by title, even though I set the "Ordered by" to be Most Recently Used, it will auto set back to Title when I restart chrome, can I view it as a bug?

May I suggest that only show 5 recent post in the list, and others will be Archiving in day, week, month, and Full list (or search)?

The HTML <> button under Safari

When using StackEdit in a PC, clicking on the <> button generates a small window with selected text inside. It's the HTML output of the MarkDown. This is fine but ONLY in a PC. Things get tricky when using StackEdit under Safari in an iPad (using an external keyboard).

The problem is that Safari probably does not allow a floating sub-window directly accessible to store any content in the clipboard.

What happens is that the floating window DOES APPEAR, but it won't let you select all its content and copy it, so it can be transferred to any other application.

Dropbox Authorization Redirect

Dropbox redirects to localhost upon auth request.

Click on "Allow"...

Time delay for markdown engine

Can we set the time delay for rendering, naturally, the engine will render all the content again after any single change take place, I am wondering if we can set some time delay, such that it will rendering not immediately, but at the given period, such as after 30 sec?

Even more, I think if we can do the "local render" then the user experience will improve a lot, only the changed sentence or paragraph will be rendered, the other stay the same? Could this be possible? What's the main technical difficulties?

Real simultaneous collaboration

I recently switched from google drive documents to stack edit, but I sync documents with google drive. One thing I love about google docs is the ability to work in real time with colleagues and friends on documents.

Thats not really well solved in stackedit so far. You always have to refresh the page and changes get overwritten and dumped.

It would be really helpful if you see the cursor of your collaborators. Perhaps you'll find something useful here:

http://stackoverflow.com/questions/10274181/online-real-time-shared-javascript-console
https://github.com/sveith/jinfinote

I'd really appreciate this feature. Thanks so far for your great work.

Question: New version changed "Synchronize All Documents" behavior?

Just wondering if that sync button changed - it used to become unselectable when everything was synced; now it doesn't. Wondering if that's intentional or if my docs aren't getting synced properly.

Change CSS for textarea from "Courier new; ..." to "monospace"

Some of us override the default monospace font in our browsers to something more eye-friendly (e.g. Monaco on OS X). Is it possible to change the CSS for the text area to just "monospace" to accomodate for us? (It'll still use Courier New by default for most people, since that's the default monospace font on browsers AFAIK)

Specify a folder when exporting to Google Drive

Anyway to export to drive into a particular folder?

Publishing large file to SSH server triggers "You are offline."

I can successfully publish small documents to my SSH server. However, when I try to publish a large (~10000 word) document that I wrote, it hangs for a few seconds, as if it's uploading, then a message pops up saying "You are offline." Seems like a timeout issue?

When I check the server, the file it published is there, but it's completely empty.

Awesome app btw.

Having two documents open at the same time?

I'm using Stackedit with Google Drive. Currently, it's not possible to have two different files open. Is this a bug or a feature?

MathJax/AMScd extension

MathJax 2.2 has the a very useful AMScd extension for commutative diagrams. http://docs.mathjax.org/en/latest/whats-new-2.2.html This currently doesn't work on stackedit. I'm can't tell if that's because stackedit doesn't use the latest MathJax version or if MathJax is not correctly set up.

Add support for code fencing with syntax highlighting

Using triple backticks like this:

```js
function foo() {
  return { bar: "baz" };
}
```

Should render like this:

function foo() {
  return { bar: "baz" };
}

How to fix the `\\` problem?

When I use mathjax to render math formula, in which \\ means new line, but when I export the markdown doc to html, the \\ has been transformed into \, I think this is done by markdown automatically?

How to fix it?

Support `[toc]` tag

[Proposal] Partial rendering

When working on big documents (with MathJax) and having lazy rendering disabled it happens that the rendering becomes kinda slow. (I know you might be arguing that I should enable lazy rendering, but the rendering process is the same).

My idea to speed up and improve this situation you could try to render just parts of the document. How you split up the document would be the biggest problem imo. Suppose you have split up the document in four parts and you currently edit the second part (realtime collaboration needs special treatment) just the second part of the document should be refreshed.

I think that could drastically speed up the document rendering while working on the document. I'd like to hear your thoughts on that.

PS: This "issue" is just an improvement idea, nothing what has to be done immediately. 🐹

Disable MathJax when output panel is hidden

I was recently editing a math-heavy document. Since the output panel re-renders the whole document after each edit, the math processing eventually slowed things down to a crawl. I expected that hiding the output panel would disable math processing and allow me to edit at normal speed, but it looks like math is still being processed when the output panel is hidden.

Can not authorize to tumblr

After I click "Allow" to grant authorization it failed to receive tumblr token saying:

Chromium's connection attempt to localhost was rejected. The website may be down, or your network may not be properly configured.

I tried several times but no luck.

I am using chromium-browser (v 28.1500.****) on Ubuntu 13.04.

How to export/import configuration?

Sometimes we need to have the stackedit extension to another place, such as home/work place, then If I just import the data from my google account, even the extension is not been synchronized, not to say the configurations...

Thus, I think there need some function of ex/import the configurations. How do you think?

Syntax highlighting for the editor

The app is so awesome but alas it is lacking a proper syntax highlighting for the editor :(

Can we define some new rules for markdown engine?

It seems quite strange we want to add some new behavior to the markdown engine. But it is really reasonable to do so in some case: the main reason is to make the markdown more excellent.

In my situation, I want to add some theorem style css, this can be done as:

<div class="thm" style="border: solid 1px #ccc"><strong>Theorem.</strong> 
When we have a dream, please don't let it go easily!
</div>

But what I like to do this is by:

\begin{thm}
When we have a dream, please don't let it go easily!
\end{thm} 

Thus, my question is that can we add some self-defined rule, that markdown can translate the \begin{thm} to <div class="thm" style="border:solid 1px #ccc"> and the \end{thm} to </div>?

If, furthermore, we can define some css style somewhere, then the \begin{thm} only need to rendered as <div class="thm">.

This is quite convenient when it combined with my LaTeX2HTML plugin (preview it in wp) for Wordpress.

Can I publish posts to self-hosted WordPress?

It seems that the new feature publish to WordPress only works for the official WP site, not for my own site based on WordPress but not host on WP. Did I do something wrong?

How to publish markdown to GitHub

Suppose that I have a user page vanabel.github.io, did there any tutor to publish the markdown or html to the page? I mean to make it looks like a blog?

The first problem need to solve is that how to publish a markdown or html to GitHub, since I never try succeed.

How to Preview Math Formula in StackEdit?

Did you know that StackExchange can be preview math formula which input just like in LaTeX, I really hope that you can have a try to integrate it into StackEdit. (in fact, I think StackEdit and StackExchange have some relation when I first saw it!)
This is what I math formula looks like in StackExchange:
Math Preview

The key point it use the javasrcipt: MathJax, it is very easy to load in web, just two lines of script will do.

XMLRPC made publish to self-hosted WP possible?

I still publish the post edited by stackedit through copy and paste.

I don't know if the xmlrpc will make it possible to public the post with one click, It seems to me that it shall work, the reasons are the following:

1. WP XML-RPC Web-Client say that: "You can always develop your own. Many scripts in Perl, Python, PHP, Applescript and Java have already been written and are ripe for the picking (and tweaking). "
2. I have tried the shareaholic, an chrome extension, and it works for my self-hosted WP.

Since your solution Jetpack is of some heavy plugin, I hope this will helpful to improve the publish to WP function.

[Feature] Edit local files via drag&drop

It would be really nice if you could simply drag&drop files on stackedit from the finder and could work on those local files. They would be saved as well.

Hide dialog when clicking outside

In terms of usability I'd prefer if the dialog (table of contents, help, ...) would disappear if you click somewhere else.

Opens last document when creating a new document with Google Drive

If you create a new document via Google Drive via "Create > StackEdit" the stackedit page shows up like it should, but it opens the last used document and not a new empty document. You have to close stackedit, go back to Google Drive and reopen the new document. Then its loaded correctly.

That "extra step" is a bug in my eyes.

Shall we abandon `prettify ` and embrace `highlight.js`?

very interesting discussion on so:http://meta.stackoverflow.com/questions/126608/why-doesnt-stackoverflow-use-highlight-js-instead-of-google-code-prettify

I have a try, and have to admit that highlight.js can do something that prettify cannot:

1. Many pre-defined css.
2. Clean code. As it run on the fly, which make the code stay the same as in markdown to be possible.
3. Seamless to WP. In wp we can just copy and paste the html code of stackedit to publish.

How do you think?

Integrate stackedit with custom blog written in node.js

Hi,

First of all, I just wanted to say that this is by far the best Markdown/HTML editor that I have seen so far and really I can't resist not to say this!

I want to know if this is possible.

1. Having to be able to use it with nunjucks I want to render this page, so that I can use it to pass in some variables.
2. I want to be able to use it to publish some content to my blog, so if I have AJAX codes in the index.html with a POST request to my blog. The "TITLE" and the "CONTENT" (MD or HTML) would be send through AJAX to my server.

The #2 is not hard to do it IMO as this is just using JavaScript/jQuery to get the content from the element and send the request to the server and on success I will do something.

1. I want to be able to open the editor with a different content in the document for example:

If I request the page http://localhost:3000/hello-world/edit

I would get the content from that post which is send by the server with two variables;

one is the Title and the other is the content.

The content would be in Markdown format, so that it will be inserted in to wmd-input with no problem.

This I have done it with different editor (PageDown with Bootstrap) using $.post method which will set the $("#wmd-input").val(content);

Is this possible to do so? I really want to have this editor integrated in my custom blog (https://github.com/alicoding/spectrum)

Thanks,
Ali

[Proposal] Imagehost selectable

Every image can be uploaded for now on Google+/Picasa. Thats good but in some cases I don't want those images in my Picasa "Dropbox".
So it would be nice, if you would provide something like a "service module" for each imagehoster (Google, Tweetpic, ...). If someone wants to see a specific imagehost he/she can simply implement the host (via its api) as a "service module" on his/her own and create a pull request with that.
You should be able to select between those hosts via a dropdown menu in the settings.

Any opinions on this idea?

Synchronization with Gist

Please add Synchronization with Gist, see this cool project http://www.gistboxapp.com

Could you add Color-Coded Labels?
http://blog.gistboxapp.com/post/47278471382/gists-are-bookmarks-with-context

[Feature] outline / table of contents

Especially for big documents it would be really nice to have something like a outline-sidebar to quick jump to some text sections.
Implementation should go pretty easy along the header structure (h1, h2, ...)

Perhaps something like that?

Tweaked scroll behavior at bottom

The autoscroll feature which "syncs" the right and left panel is great but could be a bit improved when editing the bottom of a document.
If you edit the end of the source code and scrolled all to the bottom, the right panel never reaches the bottom. Perhaps you need an extra treatment for the bottom when scroll syncing.

Integrate MathJax and Prettify on a blog

It is a great thing to preview math formula by MathJax in StackEdit, but there is still a problem when I try to publish it to WordPress.

For example if I type:

$$f(a)=\frac{1}{2\pi i}\oint_\gamma\frac{f(z)}{z-a}dz$$

then this works well in preview, but when I publish to WordPress, the same code becomes(I think the better way is to keep it in the RAW form, rather than the form produced by MathJax, In fact you will see that in WordPress, the formula looks ugly compared with the preview):

<span class="MathJax_Preview"></span><div class="MathJax_Display" role="textbox" aria-readonly="true" style="text-align: center;"><span class="MathJax" id="MathJax-Element-1-Frame" style=""><nobr><span class="math" id="MathJax-Span-1" style="width: 12.503em; display: inline-block;"><span style="display: inline-block; position: relative; width: 9.472em; height: 0px; font-size: 132%;"><span style="position: absolute; clip: rect(0.598em 1000.003em 3.412em -0.43em); top: -2.216em; left: 0.003em;"><span class="mrow" id="MathJax-Span-2"><span class="mi" id="MathJax-Span-3" style="font-family: MathJax_Math; font-style: italic;">f<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.057em;"></span></span><span class="mo" id="MathJax-Span-4" style="font-family: MathJax_Main;">(</span><span class="mi" id="MathJax-Span-5" style="font-family: MathJax_Math; font-style: italic;">a</span><span class="mo" id="MathJax-Span-6" style="font-family: MathJax_Main;">)</span><span class="mo" id="MathJax-Span-7" style="font-family: MathJax_Main; padding-left: 0.273em;">=</span><span class="mfrac" id="MathJax-Span-8" style="padding-left: 0.381em; padding-right: 0.111em;"><span style="display: inline-block; position: relative; width: 1.626em; height: 0px;"><span style="position: absolute; clip: rect(1.356em 1000.003em 2.33em -0.376em); top: -2.865em; left: 50%; margin-left: -0.268em;"><span class="mn" id="MathJax-Span-9" style="font-family: MathJax_Main;">1</span><span style="display: inline-block; width: 0px; height: 2.167em;"></span></span><span style="position: absolute; clip: rect(1.41em 1000.003em 2.384em -0.43em); top: -1.512em; left: 50%; margin-left: -0.755em;"><span class="mrow" id="MathJax-Span-10"><span class="mn" id="MathJax-Span-11" style="font-family: MathJax_Main;">2</span><span class="mi" id="MathJax-Span-12" style="font-family: MathJax_Math; font-style: italic;">π<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.003em;"></span></span><span class="mi" id="MathJax-Span-13" style="font-family: MathJax_Math; font-style: italic;">i</span></span><span style="display: inline-block; width: 0px; height: 2.221em;"></span></span><span style="position: absolute; clip: rect(0.869em 1000.003em 1.247em -0.484em); top: -1.296em; left: 0.003em;"><span style="border-left-width: 1.626em; border-left-style: solid; display: inline-block; overflow: hidden; width: 0px; height: 1.25px; vertical-align: 0.003em;"></span><span style="display: inline-block; width: 0px; height: 1.085em;"></span></span></span></span><span class="msubsup" id="MathJax-Span-14" style="padding-left: 0.165em;"><span style="display: inline-block; position: relative; width: 1.085em; height: 0px;"><span style="position: absolute; clip: rect(0.652em 1000.003em 3.195em -0.43em); top: -2.162em; left: 0.003em;"><span class="mo" id="MathJax-Span-15" style="font-family: MathJax_Size2; vertical-align: 0.003em;">∮<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.381em;"></span></span><span style="display: inline-block; width: 0px; height: 2.167em;"></span></span><span style="position: absolute; top: -1.242em; left: 0.598em;"><span class="mi" id="MathJax-Span-16" style="font-size: 70.7%; font-family: MathJax_Math; font-style: italic;">γ<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.003em;"></span></span><span style="display: inline-block; width: 0px; height: 2.167em;"></span></span></span></span><span class="mfrac" id="MathJax-Span-17" style="padding-left: 0.273em; padding-right: 0.111em;"><span style="display: inline-block; position: relative; width: 2.167em; height: 0px;"><span style="position: absolute; clip: rect(1.301em 1000.003em 2.654em -0.43em); top: -2.919em; left: 50%; margin-left: -0.701em;"><span class="mrow" id="MathJax-Span-18"><span class="mi" id="MathJax-Span-19" style="font-family: MathJax_Math; font-style: italic;">f<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.057em;"></span></span><span class="mo" id="MathJax-Span-20" style="font-family: MathJax_Main;">(</span><span class="mi" id="MathJax-Span-21" style="font-family: MathJax_Math; font-style: italic;">z<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.003em;"></span></span><span class="mo" id="MathJax-Span-22" style="font-family: MathJax_Main;">)</span></span><span style="display: inline-block; width: 0px; height: 2.221em;"></span></span><span style="position: absolute; clip: rect(1.626em 1000.003em 2.384em -0.43em); top: -1.512em; left: 50%; margin-left: -1.025em;"><span class="mrow" id="MathJax-Span-23"><span class="mi" id="MathJax-Span-24" style="font-family: MathJax_Math; font-style: italic;">z<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.003em;"></span></span><span class="mo" id="MathJax-Span-25" style="font-family: MathJax_Main; padding-left: 0.219em;">−</span><span class="mi" id="MathJax-Span-26" style="font-family: MathJax_Math; font-style: italic; padding-left: 0.219em;">a</span></span><span style="display: inline-block; width: 0px; height: 2.221em;"></span></span><span style="position: absolute; clip: rect(0.869em 1000.003em 1.247em -0.484em); top: -1.296em; left: 0.003em;"><span style="border-left-width: 2.167em; border-left-style: solid; display: inline-block; overflow: hidden; width: 0px; height: 1.25px; vertical-align: 0.003em;"></span><span style="display: inline-block; width: 0px; height: 1.085em;"></span></span></span></span><span class="mi" id="MathJax-Span-27" style="font-family: MathJax_Math; font-style: italic; padding-left: 0.165em;">d<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.003em;"></span></span><span class="mi" id="MathJax-Span-28" style="font-family: MathJax_Math; font-style: italic;">z<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.003em;"></span></span></span><span style="display: inline-block; width: 0px; height: 2.221em;"></span></span></span><span style="border-left-width: 0.004em; border-left-style: solid; display: inline-block; overflow: hidden; width: 0px; height: 3.504em; vertical-align: -1.425em;"></span></span></nobr></span></div><script type="math/tex; mode=display" id="MathJax-Element-1">f(a)=\frac{1}{2\pi i}\oint_\gamma\frac{f(z)}{z-a}dz</script></p>