benweet / stackedit Goto Github PK
View Code? Open in Web Editor NEWIn-browser Markdown editor
Home Page: https://stackedit.io/
License: Apache License 2.0
In-browser Markdown editor
Home Page: https://stackedit.io/
License: Apache License 2.0
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?
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>
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?
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.
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.
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?
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.
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.
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 👍
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?
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.
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)?
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:
Since your solution Jetpack is of some heavy plugin, I hope this will helpful to improve the publish to WP function.
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
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?
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)
Using triple backticks like this:
```js function foo() { return { bar: "baz" }; } ```
Should render like this:
function foo() {
return { bar: "baz" };
}
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.
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!
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.
Under Setings -> Editor
it would be nice to be able to choose between Courier and Consolas.
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. 🐹
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.
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.
Is there any plan to support Character Counter?
It is useful.
Thank you.
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?
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.
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 |
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?
The app is so awesome but alas it is lacking a proper syntax highlighting for the editor :(
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.
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.
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.
Anyway to export to drive into a particular folder?
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.
nunjucks
I want to render this page, so that I can use it to pass in some variables.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.
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
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
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.
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.
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.
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 markdown
again (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.
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.
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.
should be useful for printing, sending as attachment etc. maybe using jsPDF and webODF?
In terms of usability I'd prefer if the dialog (table of contents, help, ...) would disappear if you click somewhere else.
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
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:
How do you think?
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?”)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.