mirror of
https://git.teknik.io/Teknikode/Teknik.git
synced 2023-08-02 14:16:22 +02:00
Updated markdown help.
Updated editor to have same settings as final transform.
This commit is contained in:
parent
8554648174
commit
028a2d252d
@ -2,7 +2,10 @@
|
|||||||
$("textarea.mdd_editor").MarkdownDeep({
|
$("textarea.mdd_editor").MarkdownDeep({
|
||||||
help_location: helpURL,
|
help_location: helpURL,
|
||||||
disableTabHandling: false,
|
disableTabHandling: false,
|
||||||
resizebar: false
|
resizebar: false,
|
||||||
|
SafeMode: true,
|
||||||
|
ExtraMode: true,
|
||||||
|
MarkdownInHtml: true
|
||||||
});
|
});
|
||||||
|
|
||||||
$("#comment_submit").click(function () {
|
$("#comment_submit").click(function () {
|
||||||
|
@ -10,130 +10,179 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<h2>Markdown Formatting</h2>
|
<h2>Markdown Formatting</h2>
|
||||||
<p><a href="http://daringfireball.net/projects/markdown/" target="_blank">Markdown</a> turns plain text formatting into fancy HTML formatting.</p>
|
<p><a href="http://daringfireball.net/projects/markdown/" target="_blank">Markdown</a> turns plain text formatting into fancy HTML formatting.</p>
|
||||||
|
|
||||||
<h3>Phrase Emphasis</h3>
|
<h3>Phrase Emphasis</h3>
|
||||||
<pre><code>*italic* **bold**
|
<pre><code>*italic* **bold**
|
||||||
_italic_ __bold__
|
_italic_ __bold__</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Links</h3>
|
<h3>Links</h3>
|
||||||
|
|
||||||
<p>Inline:</p>
|
<p>Inline:</p>
|
||||||
<pre><code>An [example](http://url.com/ "Title")
|
<pre><code>An [example](http://url.com/ "Title")</code></pre>
|
||||||
</code></pre>
|
|
||||||
<p>Reference-style labels (titles are optional):</p>
|
<p>Reference-style labels (titles are optional):</p>
|
||||||
<pre><code>An [example][id]. Then, anywhere
|
<pre><code>An [example][id].
|
||||||
else in the doc, define the link:
|
|
||||||
[id]: http://example.com/ "Title"
|
Then, anywhere else in the doc, define the link:
|
||||||
</code></pre>
|
[id]: http://example.com/ "Title"</code></pre>
|
||||||
|
|
||||||
<h3>Images</h3>
|
<h3>Images</h3>
|
||||||
|
|
||||||
<p>Inline (titles are optional):</p>
|
<p>Inline (titles are optional):</p>
|
||||||
<pre><code>![alt text](/path/img.jpg "Title")
|
<pre><code>![alt text](/path/img.jpg "Title")</code></pre>
|
||||||
</code></pre>
|
|
||||||
<p>Reference-style:</p>
|
<p>Reference-style:</p>
|
||||||
<pre><code>![alt text][id]
|
<pre><code>![alt text][id]
|
||||||
[id]: /url/to/img.jpg "Title"
|
[id]: /url/to/img.jpg "Title"</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Headers</h3>
|
<h3>Headers</h3>
|
||||||
|
|
||||||
<p>Setext-style:</p>
|
<p>Setext-style:</p>
|
||||||
<pre><code>Header 1
|
<pre><code>Header 1
|
||||||
========
|
========
|
||||||
Header 2
|
Header 2
|
||||||
--------
|
--------</code></pre>
|
||||||
</code></pre>
|
|
||||||
<p>atx-style (closing #'s are optional):</p>
|
<p>atx-style (closing #'s are optional):</p>
|
||||||
<pre><code># Header 1 #
|
<pre><code># Header 1 #
|
||||||
## Header 2 ##
|
## Header 2 ##
|
||||||
###### Header 6
|
###### Header 6</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Lists</h3>
|
<h3>Lists</h3>
|
||||||
|
|
||||||
<p>Ordered, without paragraphs:</p>
|
<p>Ordered, without paragraphs:</p>
|
||||||
<pre><code>1. Foo
|
<pre><code>1. Foo
|
||||||
2. Bar
|
2. Bar</code></pre>
|
||||||
</code></pre>
|
|
||||||
<p>Unordered, with paragraphs:</p>
|
<p>Unordered, with paragraphs:</p>
|
||||||
<pre><code>* A list item.
|
<pre><code>* A list item.
|
||||||
With multiple paragraphs.
|
With multiple paragraphs.
|
||||||
* Bar
|
* Bar</code></pre>
|
||||||
</code></pre>
|
|
||||||
<p>You can nest them:</p>
|
<p>You can nest them:</p>
|
||||||
<pre><code>* Abacus
|
<pre><code>* Abacus
|
||||||
* answer
|
* answer
|
||||||
* Bubbles
|
* Bubbles
|
||||||
1. bunk
|
1. bunk
|
||||||
2. bupkis
|
2. bupkis
|
||||||
* BELITTLER
|
* BELITTLER
|
||||||
3. burper
|
3. burper
|
||||||
* Cunning
|
* Cunning</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Blockquotes</h3>
|
<h3>Blockquotes</h3>
|
||||||
|
|
||||||
<pre><code>> Email-style angle brackets
|
<pre><code>> Email-style angle brackets
|
||||||
> are used for blockquotes.
|
> are used for blockquotes.
|
||||||
> > And, they can be nested.
|
> > And, they can be nested.
|
||||||
> #### Headers in blockquotes
|
> #### Headers in blockquotes
|
||||||
>
|
>
|
||||||
> * You can quote a list.
|
> * You can quote a list.
|
||||||
> * Etc.
|
> * Etc.</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Code Spans</h3>
|
<h3>Code Spans</h3>
|
||||||
<pre><code>`<code>` spans are delimited
|
|
||||||
by backticks.
|
<pre><code>`<code>` spans are delimited by backticks.
|
||||||
You can include literal backticks
|
|
||||||
like `` `this` ``.
|
You can include literal backticks like `` `this` ``.</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Preformatted Code Blocks</h3>
|
<h3>Preformatted Code Blocks</h3>
|
||||||
|
|
||||||
<p>Indent every line of a code block by at least 4 spaces or 1 tab.</p>
|
<p>Indent every line of a code block by at least 4 spaces or 1 tab.</p>
|
||||||
<pre><code>This is a normal paragraph.
|
<pre><code>This is a normal paragraph.
|
||||||
This is a preformatted
|
|
||||||
code block.
|
This is a preformatted
|
||||||
</code></pre>
|
code block.</code></pre>
|
||||||
|
|
||||||
<h3>Horizontal Rules</h3>
|
<h3>Horizontal Rules</h3>
|
||||||
|
|
||||||
<p>Three or more dashes or asterisks:</p>
|
<p>Three or more dashes or asterisks:</p>
|
||||||
<pre><code>---
|
<pre><code>---
|
||||||
* * *
|
* * *
|
||||||
- - - -
|
- - - - </code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Manual Line Breaks</h3>
|
<h3>Manual Line Breaks</h3>
|
||||||
|
|
||||||
<p>End a line with two or more spaces:</p>
|
<p>End a line with two or more spaces:</p>
|
||||||
<pre><code>Roses are red,
|
<pre><code>Roses are red,
|
||||||
Violets are blue.
|
Violets are blue.</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h2>Extra Mode</h2>
|
|
||||||
These formatting features are only available when Extra Mode is enabled.
|
|
||||||
|
|
||||||
<h3>Markdown In Html</h3>
|
<h3>Markdown In Html</h3>
|
||||||
|
|
||||||
<p>Enable markdown in HTML block level elements:</p>
|
<p>Enable markdown in HTML block level elements:</p>
|
||||||
<pre><code><div markdown="1">
|
<pre><code><div markdown="1">
|
||||||
Markdown **still** works.
|
Markdown **still** works.
|
||||||
</div>
|
</div></code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Fenced Code Blocks</h3>
|
<h3>Fenced Code Blocks</h3>
|
||||||
|
|
||||||
<p>Code blocks delimited by 3 or more tildas:</p>
|
<p>Code blocks delimited by 3 or more tildas:</p>
|
||||||
<pre><code>~~~
|
<pre><code>~~~
|
||||||
This is a preformatted
|
This is a preformatted
|
||||||
code block
|
code block
|
||||||
~~~
|
~~~</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Header IDs</h3>
|
<h3>Header IDs</h3>
|
||||||
|
|
||||||
<p>Set the id of headings with <code>{#<id>}</code> at end of heading line:</p>
|
<p>Set the id of headings with <code>{#<id>}</code> at end of heading line:</p>
|
||||||
<pre><code>## My Heading {#myheading}
|
<pre><code>## My Heading {#myheading}</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Tables</h3>
|
<h3>Tables</h3>
|
||||||
|
|
||||||
<pre><code>Fruit |Color
|
<pre><code>Fruit |Color
|
||||||
---------|----------
|
---------|----------
|
||||||
Apples |Red
|
Apples |Red
|
||||||
Pears |Green
|
Pears |Green
|
||||||
Bananas |Yellow</code></pre>
|
Bananas |Yellow</code></pre>
|
||||||
|
|
||||||
<h3>Definition Lists</h3>
|
<h3>Definition Lists</h3>
|
||||||
|
|
||||||
<pre><code>Term 1
|
<pre><code>Term 1
|
||||||
: Definition 1
|
: Definition 1
|
||||||
Term 2
|
Term 2
|
||||||
: Definition 2</code></pre>
|
: Definition 2</code></pre>
|
||||||
|
|
||||||
<h3>Footnotes</h3>
|
<h3>Footnotes</h3>
|
||||||
|
|
||||||
<pre><code>Body text with a footnote [^1]
|
<pre><code>Body text with a footnote [^1]
|
||||||
[^1]: Footnote text here
|
[^1]: Footnote text here</code></pre>
|
||||||
</code></pre>
|
|
||||||
<h3>Abbreviations</h3>
|
<h3>Abbreviations</h3>
|
||||||
|
|
||||||
<pre><code>MDD <- will have title
|
<pre><code>MDD <- will have title
|
||||||
*[MDD]: MarkdownDeep
|
*[MDD]: MarkdownDeep</code></pre>
|
||||||
</code></pre>
|
|
||||||
<p> </p>
|
<h3>Allowed HTML Tags</h3>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>a [href, title, class]</li>
|
||||||
|
<li>b</li>
|
||||||
|
<li>blockquote</li>
|
||||||
|
<li>code</li>
|
||||||
|
<li>dd</li>
|
||||||
|
<li>dt</li>
|
||||||
|
<li>dl</li>
|
||||||
|
<li>del</li>
|
||||||
|
<li>em</li>
|
||||||
|
<li>h1</li>
|
||||||
|
<li>h2</li>
|
||||||
|
<li>h3</li>
|
||||||
|
<li>h4</li>
|
||||||
|
<li>h5</li>
|
||||||
|
<li>h6</li>
|
||||||
|
<li>i</li>
|
||||||
|
<li>img [src, width, height, alt, title, clas]</li>
|
||||||
|
<li>kbd</li>
|
||||||
|
<li>li</li>
|
||||||
|
<li>ol</li>
|
||||||
|
<li>ul</li>
|
||||||
|
<li>p</li>
|
||||||
|
<li>pre</li>
|
||||||
|
<li>s</li>
|
||||||
|
<li>sub</li>
|
||||||
|
<li>sup</li>
|
||||||
|
<li>strong</li>
|
||||||
|
<li>strike</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -2,7 +2,10 @@
|
|||||||
$("textarea.mdd_editor").MarkdownDeep({
|
$("textarea.mdd_editor").MarkdownDeep({
|
||||||
help_location: helpURL,
|
help_location: helpURL,
|
||||||
disableTabHandling: false,
|
disableTabHandling: false,
|
||||||
resizebar: false
|
resizebar: false,
|
||||||
|
SafeMode: true,
|
||||||
|
ExtraMode: true,
|
||||||
|
MarkdownInHtml: true
|
||||||
});
|
});
|
||||||
|
|
||||||
$('.hideContent').each(function () {
|
$('.hideContent').each(function () {
|
||||||
|
@ -20,6 +20,7 @@ namespace Teknik.Utilities
|
|||||||
var markdownTransformer = new Markdown();
|
var markdownTransformer = new Markdown();
|
||||||
markdownTransformer.ExtraMode = true;
|
markdownTransformer.ExtraMode = true;
|
||||||
markdownTransformer.SafeMode = true;
|
markdownTransformer.SafeMode = true;
|
||||||
|
markdownTransformer.MarkdownInHtml = true;
|
||||||
string html = markdownTransformer.Transform(text);
|
string html = markdownTransformer.Transform(text);
|
||||||
|
|
||||||
// Wrap the html in an MvcHtmlString otherwise it'll be HtmlEncoded and displayed to the user as HTML :(
|
// Wrap the html in an MvcHtmlString otherwise it'll be HtmlEncoded and displayed to the user as HTML :(
|
||||||
|
Loading…
Reference in New Issue
Block a user