tag:support.markedapp.com,2011-09-11:/discussions/questions/8158-sublime-text-3-useful-plugins-for-markdown-editingMarked: Discussion 2017-11-21T17:10:50Ztag:support.markedapp.com,2011-09-11:Comment/356839592015-01-03T18:57:22Z2015-01-03T18:57:22ZSublime Text 3 useful plugins for markdown editing<div><ol>
<li>Place a youtube or vimeo video in markdown with feature to
specify the start and end time and no video controls except
play/pause. (Too specific to my needs)<br></li>
<li>Place a soundcloud audio clip or any audio clip with playback
controls.</li>
</ol></div>cksachdevtag:support.markedapp.com,2011-09-11:Comment/356839592015-01-03T18:59:01Z2015-01-03T18:59:01ZSublime Text 3 useful plugins for markdown editing<div><p>For almost all of these there is no Markdown equivalent, but
Markdown<br>
works with HTML snippets, so any embed code you have you can just
drop<br>
into your Markdown file.</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/356839592015-01-03T19:04:43Z2015-01-03T19:04:43ZSublime Text 3 useful plugins for markdown editing<div><p>There are certain jquery plugins, but to use those, I will need
jquery to be included. Could you please elaborate on how I can
achieve this? For Warning/Comments and Suggestions style, isn't
this which can be done in CSS? I am new to markdown, so I am
looking for a more elaborate answer on its limitations.</p>
<p>Thanks for your quick responses.</p></div>cksachdevtag:support.markedapp.com,2011-09-11:Comment/356839592015-01-03T19:31:33Z2015-01-03T19:31:33ZSublime Text 3 useful plugins for markdown editing<div><p>jQuery is built into the Marked preview, but to use it in export
you'll<br>
need to add a <code><script></code> tag, just like in any
HTML file. And yes, you<br>
can achieve the warnings, comments, etc. with CSS, for which you'll
need<br>
a custom style and the markup required by the CSS to signify the
markers<br>
(using HTML).</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/356839592015-01-03T19:52:16Z2015-01-03T19:52:16ZSublime Text 3 useful plugins for markdown editing<div><p>I tried embedding the embed tag from youtube by getting the
embed code(This gave me iframe code) it shows the block but video
player is not getting loading in marked 2 app. How I can inline
play the youtube video in markdown?</p></div>cksachdevtag:support.markedapp.com,2011-09-11:Comment/356839592015-01-03T21:11:49Z2015-01-03T21:11:49ZSublime Text 3 useful plugins for markdown editing<div><p>If it's a standard youtube embed, you need to swap // in the url
for<br>
https:// to get it to play outside of a web browser.</p>
<p>-Brett</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/356839592015-01-04T14:18:24Z2015-01-04T14:18:24ZSublime Text 3 useful plugins for markdown editing<div><p>Doesn't seem to work for me. Now I get a black box, but it
doesn't shows up any youtube player controls.</p>
<p>Here is the embed code copied from youtube:<br></p>
<p>In the markdown replaced // with https://<br></p>
<p>In the generated markup in marked app, it looks as
below:<br></p>
<p>Could you provide an example on how I can use jQuery plugins
inside my markdown.</p>
<p>Thx in advance.</p></div>cksachdevtag:support.markedapp.com,2011-09-11:Comment/356839592015-01-04T15:03:55Z2015-01-04T15:03:55ZSublime Text 3 useful plugins for markdown editing<div><p>To test the custom CSS styles, I have done the following in my
markdown file:<br></p>
<pre>
<code><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js">
</head>
#Class 1<br><br>
<br><button type="submit" class="btn btn-info">Submit</button></code>
</pre>
<p>Problem: My button, doesn't get the css from bootstrap. What I
am doing wrong here?</p>
<p>Question: I had to remove the body tag, otherwise the entire
content was getting a dark background(code snippet theme). What am
I doing wrong here? Can I include the jQuery plugins in a similar
fashion? An example will help me get going.</p>
<p>Thx</p></div>cksachdevtag:support.markedapp.com,2011-09-11:Comment/356839592015-01-04T18:34:29Z2015-01-04T18:34:29ZSublime Text 3 useful plugins for markdown editing<div><p>I'm sorry, but this is all well outside of both what Markdown
is<br>
designed to do, and what I'm able to support.</p>
<p>I can tell you that Marked is making its own body (and other
container)<br>
tags, so you shouldn't include anything other than block-level tags
in<br>
your document. Marked also overrides stylesheets in the document
and<br>
uses what you have set up in the Style preferences, so custom
styles<br>
should be added there.</p>
<p>Your link to the bootstrap stylesheet is also a javascript file,
so<br>
that's not going to work for you.</p>
<p>I'm not certain what you want to do with jQuery in your file,
but any<br>
jQuery you try to run is going to require accompanying markup,
which<br>
Markdown isn't really good for creating.</p>
<p>Marked <em>can</em> open HTML files, so if you build out an
entire page you can<br>
preview it and update it live, but it won't be rendering Markdown
at<br>
that point.</p>
<p>-Brett</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/356839592015-01-05T07:17:38Z2015-01-05T07:17:38ZSublime Text 3 useful plugins for markdown editing<div><p>Thanks for your response. I looked at the MultiMarkDown syntax
and it mentions that I can include external CSS file via CSS:
metadata. So, I was trying to include that and then use the styles
from bootstrap for alert, warning and other common classes for text
formatting. e.g.<br></p>
<div class="alert alert-success">Example of the successful alert
box</div>
<p>Thanks for identifying that its a javascript link :) I replaced
it with a CSS, that didn't work. Then I included the CSS in the
Custom CSS directory of Marked2app. but still I can't get the
styles to work either in</p>
<p>or</p>
<div>.
<p>So, Marked2App doesn't support full MMD syntax? or I am doing
this entirely wrong?</p>
</div></div>cksachdevtag:support.markedapp.com,2011-09-11:Comment/356839592015-01-05T07:18:41Z2015-01-05T07:18:41ZSublime Text 3 useful plugins for markdown editing<div><p>Surprisingly the code worked in this comment section :) Pasting
it here again, so how I can get this working in marked2
app??<br></p>
<pre>
<code><div class="alert alert-success">Example of the successful alert box</div></code>
</pre></div>cksachdevtag:support.markedapp.com,2011-09-11:Comment/356839592015-01-05T13:16:19Z2015-01-05T13:16:19ZSublime Text 3 useful plugins for markdown editing<div><p>Marked 2 doesn't support external stylesheets, everything else
is fully<br>
supported. You might try pasting the alert classes to the
Additional CSS<br>
box under Style and then using a default theme as the base.</p>
<p>-Brett</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/356839592017-11-21T17:10:49Z2017-11-21T17:10:49ZSublime Text 3 useful plugins for markdown editing<div><p>The Sublime plugin "MarkdownEditing" was originally written by Brett, the author of Marked. That's a good starting point.</p></div>registration