Public-Mirrors
/
markdown-it
mirror of https://github.com/markdown-it/markdown-it.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Added inline html tags support

pull/14/head
Vitaly Puzrin 10 years ago
parent
1f7054c187
commit
5d89fd85b0
9 changed files with 273 additions and 326 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      bin/remarkable.js
  2. 4
      lib/common/html_re.js
  3. 2
      lib/lexer_block/htmlblock.js
  4. 1
      lib/lexer_inline.js
  5. 2
      lib/lexer_inline/autolink.js
  6. 52
      lib/lexer_inline/htmltag.js
  7. 5
      lib/renderer.js
  8. 325
      test/fixtures/stmd/bad.txt
  9. 203
      test/fixtures/stmd/good.txt

5
bin/remarkable.js
View File

@ -61,7 +61,10 @@ readFile(options.file, 'utf8', function (error, input) {
process.exit(1); process.exit(1);
} }
md = new Remarkable(); md = new Remarkable({
html: true,
xhtml: true
});
try { try {
output = md.render(input); output = md.render(input);

4
lib/common/html_re.js
View File

@ -44,10 +44,10 @@ var open_tag = replace(/<[A-Za-z][A-Za-z0-9]*attribute*\s*\/?>/)
var close_tag = /<\/[A-Za-z][A-Za-z0-9]*\s*>/; var close_tag = /<\/[A-Za-z][A-Za-z0-9]*\s*>/;
var comment = /<!--([^-]+|[-][^-]+)*-->/; var comment = /<!--([^-]+|[-][^-]+)*-->/;
var processing = /<[?].*?[?]>/; var processing = /<[?].*?[?]>/;
var declaration = /<![A-Z]\s+[^>]*>/; var declaration = /<![A-Z]+\s+[^>]*>/;
var cdata = /<!\[CDATA\[([^\]]+|\][^\]]|\]\][^>])*\]\]>/; var cdata = /<!\[CDATA\[([^\]]+|\][^\]]|\]\][^>])*\]\]>/;
var HTML_TAG_RE = replace(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/, 'i') var HTML_TAG_RE = replace(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/)
('open_tag', open_tag) ('open_tag', open_tag)
('close_tag', close_tag) ('close_tag', close_tag)
('comment', comment) ('comment', comment)

2
lib/lexer_block/htmlblock.js
View File

@ -66,7 +66,7 @@ module.exports = function htmlblock(state, startLine, endLine, silent) {
} }
state.tokens.push({ state.tokens.push({
type: 'html', type: 'htmlblock',
content: getLines(state, startLine, nextLine, 0, true) content: getLines(state, startLine, nextLine, 0, true)
}); });

1
lib/lexer_inline.js
View File

@ -19,6 +19,7 @@ rules.push(require('./lexer_inline/backticks'));
// //
// //
rules.push(require('./lexer_inline/autolink')); rules.push(require('./lexer_inline/autolink'));
rules.push(require('./lexer_inline/htmltag'));
rules.push(require('./lexer_inline/entity')); rules.push(require('./lexer_inline/entity'));
rules.push(require('./lexer_inline/escape_html_char')); rules.push(require('./lexer_inline/escape_html_char'));

2
lib/lexer_inline/autolink.js
View File

@ -22,7 +22,7 @@ module.exports = function autolink(state) {
linkMatch = tail.match(AUTOLINK_RE); linkMatch = tail.match(AUTOLINK_RE);
if (linkMatch) { if (linkMatch) {
if (url_schemas.indexOf(linkMatch[1]) < 0) { return false; } if (url_schemas.indexOf(linkMatch[1].toLowerCase()) < 0) { return false; }
state.push({ state.push({
type: 'link_open', type: 'link_open',

52
lib/lexer_inline/htmltag.js
View File

@ -0,0 +1,52 @@
// Process html tags
'use strict';
var HTML_TAG_RE = require('../common/html_re').HTML_TAG_RE;
function isLetter(ch) {
/*eslint no-bitwise:0*/
var lc = ch | 0x20; // to lower case
return (lc >= 0x61/* a */) && (lc <= 0x7a/* z */);
}
module.exports = function htmltag(state) {
var ch, match, max, pos = state.pos;
if (!state.options.html) { return false; }
// Check start
max = state.posMax;
if (state.src.charCodeAt(pos) !== 0x3C/* < */ ||
pos + 2 >= max) {
return false;
}
// Quick fail on second char
ch = state.src.charCodeAt(pos + 1);
if (ch !== 0x21/* ! */ &&
ch !== 0x3F/* ? */ &&
ch !== 0x2F/* / */ &&
!isLetter(ch)) {
return false;
}
// console.log(HTML_TAG_RE)
match = state.src.slice(pos).match(HTML_TAG_RE);
if (!match) { return false; }
// console.log('--------')
// console.log(state.src.slice(pos))
// console.log(match)
state.push({
type: 'htmltag',
content: state.src.slice(pos, pos + match[0].length)
});
//console.log(state.tokens)
state.pos += match[0].length;
return true;
};

5
lib/renderer.js
View File

@ -149,7 +149,10 @@ rules.text = function (tokens, idx /*, options*/) {
}; };
rules.html = function (tokens, idx /*, options*/) { rules.htmlblock = function (tokens, idx /*, options*/) {
return tokens[idx].content;
};
rules.htmltag = function (tokens, idx /*, options*/) {
return tokens[idx].content; return tokens[idx].content;
}; };

325
test/fixtures/stmd/bad.txt
View File

@ -63,26 +63,9 @@ src line: 1406
error: error:
<DIV CLASS="foo"> <p><DIV CLASS="foo"></p>
<p>*Markdown*</p> <p>*Markdown*</p>
</DIV> <p></DIV></p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 1534
.
<div class
foo
.
<div class
foo
.
error:
<p>&lt;div class
foo</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@ -177,9 +160,9 @@ src line: 1678
error: error:
<p>[Foo bar]:</p> <p>[Foo bar]:
<my url> <my url>
'title' 'title'</p>
<p>[Foo bar]</p> <p>[Foo bar]</p>
@ -673,20 +656,6 @@ error:
<p>\*emphasis*</p> <p>\*emphasis*</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3694
.
<a href="/bar\/)">
.
<p><a href="/bar\/)"></p>
.
error:
<a href="/bar\/)">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3704 src line: 3704
@ -718,20 +687,6 @@ error:
<p>[foo]: /bar* &quot;ti*tle&quot;</p> <p>[foo]: /bar* &quot;ti*tle&quot;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3791
.
<a href="&ouml;&ouml;.html">
.
<p><a href="&ouml;&ouml;.html"></p>
.
error:
<a href="&ouml;&ouml;.html">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3797 src line: 3797
@ -763,20 +718,6 @@ error:
<p>[foo]: /f&ouml;&ouml; &quot;f&ouml;&ouml;&quot;</p> <p>[foo]: /f&ouml;&ouml; &quot;f&ouml;&ouml;&quot;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3954
.
<a href="`">`
.
<p><a href="`">`</p>
.
error:
<a href="`">`
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4095 src line: 4095
@ -985,34 +926,6 @@ error:
<p>_foo [bar_](/url)</p> <p>_foo [bar_](/url)</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4196
.
**<a href="**">
.
<p>**<a href="**"></p>
.
error:
<p>**&lt;a href=&quot;**&quot;&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4202
.
__<a href="__">
.
<p>__<a href="__"></p>
.
error:
<p>__&lt;a href=&quot;__&quot;&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4208 src line: 4208
@ -1841,20 +1754,6 @@ error:
&quot;title&quot; )</p> &quot;title&quot; )</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4898
.
[foo <bar attr="](baz)">
.
<p>[foo <bar attr="](baz)"></p>
.
error:
<p>[foo &lt;bar attr=&quot;](baz)&quot;&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4927 src line: 4927
@ -2435,7 +2334,7 @@ src line: 5271
error: error:
<p>![foo](&lt;url&gt;)</p> <p>![foo](<url>)</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@ -2658,186 +2557,6 @@ error:
<p>[foo]: /url &quot;title&quot;</p> <p>[foo]: /url &quot;title&quot;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5464
.
<MAILTO:FOO@BAR.BAZ>
.
<p><a href="MAILTO:FOO@BAR.BAZ">MAILTO:FOO@BAR.BAZ</a></p>
.
error:
<p>&lt;MAILTO:FOO@BAR.BAZ&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5627
.
<a><bab><c2c>
.
<p><a><bab><c2c></p>
.
error:
<a><bab><c2c>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5635
.
<a/><b2/>
.
<p><a/><b2/></p>
.
error:
<a/><b2/>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5643
.
<a /><b2
data="foo" >
.
<p><a /><b2
data="foo" ></p>
.
error:
<a /><b2
data="foo" >
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5653
.
<a foo="bar" bam = 'baz <em>"</em>'
_boolean zoop:33=zoop:33 />
.
<p><a foo="bar" bam = 'baz <em>"</em>'
_boolean zoop:33=zoop:33 /></p>
.
error:
<a foo="bar" bam = 'baz <em>"</em>'
_boolean zoop:33=zoop:33 />
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5705
.
</a>
</foo >
.
<p></a>
</foo ></p>
.
error:
</a>
</foo >
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5723
.
foo <!-- this is a
comment - with hyphen -->
.
<p>foo <!-- this is a
comment - with hyphen --></p>
.
error:
<p>foo &lt;!-- this is a
comment - with hyphen --&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5739
.
foo <?php echo $a; ?>
.
<p>foo <?php echo $a; ?></p>
.
error:
<p>foo &lt;?php echo $a; ?&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5747
.
foo <!ELEMENT br EMPTY>
.
<p>foo <!ELEMENT br EMPTY></p>
.
error:
<p>foo &lt;!ELEMENT br EMPTY&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5755
.
foo <![CDATA[>&<]]>
.
<p>foo <![CDATA[>&<]]></p>
.
error:
<p>foo &lt;![CDATA[&gt;&amp;&lt;]]&gt;</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5763
.
<a href="&ouml;">
.
<p><a href="&ouml;"></p>
.
error:
<a href="&ouml;">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5771
.
<a href="\*">
.
<p><a href="\*"></p>
.
error:
<a href="\*">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5839 src line: 5839
@ -2872,37 +2591,3 @@ error:
bar*</p> bar*</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5873
.
<a href="foo
bar">
.
<p><a href="foo
bar"></p>
.
error:
<a href="foo
bar">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5881
.
<a href="foo\
bar">
.
<p><a href="foo\
bar"></p>
.
error:
<a href="foo\
bar">

203
test/fixtures/stmd/good.txt
View File

@ -1218,6 +1218,17 @@ bar
*foo* *foo*
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 1534
.
<div class
foo
.
<div class
foo
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 1584 src line: 1584
@ -2668,6 +2679,15 @@ src line: 3688
<p><a href="http://google.com?find=\*">http://google.com?find=\*</a></p> <p><a href="http://google.com?find=\*">http://google.com?find=\*</a></p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3694
.
<a href="/bar\/)">
.
<p><a href="/bar\/)"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3718 src line: 3718
@ -2734,6 +2754,15 @@ src line: 3781
<p>&MadeUpEntity;</p> <p>&MadeUpEntity;</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3791
.
<a href="&ouml;&ouml;.html">
.
<p><a href="&ouml;&ouml;.html"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3811 src line: 3811
@ -2858,6 +2887,15 @@ src line: 3946
<p><a href="http://foo.bar.`baz">http://foo.bar.`baz</a>`</p> <p><a href="http://foo.bar.`baz">http://foo.bar.`baz</a>`</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3954
.
<a href="`">`
.
<p><a href="`">`</p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 3963 src line: 3963
@ -2876,6 +2914,24 @@ src line: 3969
<p>`foo</p> <p>`foo</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4196
.
**<a href="**">
.
<p>**<a href="**"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4202
.
__<a href="__">
.
<p>__<a href="__"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4220 src line: 4220
@ -3130,6 +3186,15 @@ src line: 4889
<p>[link] (/uri)</p> <p>[link] (/uri)</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 4898
.
[foo <bar attr="](baz)">
.
<p>[foo <bar attr="](baz)"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5444 src line: 5444
@ -3157,6 +3222,15 @@ src line: 5456
<p><a href="irc://foo.bar:2233/baz">irc://foo.bar:2233/baz</a></p> <p><a href="irc://foo.bar:2233/baz">irc://foo.bar:2233/baz</a></p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5464
.
<MAILTO:FOO@BAR.BAZ>
.
<p><a href="MAILTO:FOO@BAR.BAZ">MAILTO:FOO@BAR.BAZ</a></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5472 src line: 5472
@ -3247,6 +3321,46 @@ foo@bar.baz.com
<p>foo@bar.baz.com</p> <p>foo@bar.baz.com</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5627
.
<a><bab><c2c>
.
<p><a><bab><c2c></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5635
.
<a/><b2/>
.
<p><a/><b2/></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5643
.
<a /><b2
data="foo" >
.
<p><a /><b2
data="foo" ></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5653
.
<a foo="bar" bam = 'baz <em>"</em>'
_boolean zoop:33=zoop:33 />
.
<p><a foo="bar" bam = 'baz <em>"</em>'
_boolean zoop:33=zoop:33 /></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5663 src line: 5663
@ -3294,6 +3408,17 @@ src line: 5697
<p>&lt;a href='bar'title=title&gt;</p> <p>&lt;a href='bar'title=title&gt;</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5705
.
</a>
</foo >
.
<p></a>
</foo ></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5715 src line: 5715
@ -3303,6 +3428,17 @@ src line: 5715
<p>&lt;/a href=&quot;foo&quot;&gt;</p> <p>&lt;/a href=&quot;foo&quot;&gt;</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5723
.
foo <!-- this is a
comment - with hyphen -->
.
<p>foo <!-- this is a
comment - with hyphen --></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5731 src line: 5731
@ -3312,6 +3448,51 @@ foo <!-- not a comment -- two hyphens -->
<p>foo &lt;!-- not a comment -- two hyphens --&gt;</p> <p>foo &lt;!-- not a comment -- two hyphens --&gt;</p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5739
.
foo <?php echo $a; ?>
.
<p>foo <?php echo $a; ?></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5747
.
foo <!ELEMENT br EMPTY>
.
<p>foo <!ELEMENT br EMPTY></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5755
.
foo <![CDATA[>&<]]>
.
<p>foo <![CDATA[>&<]]></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5763
.
<a href="&ouml;">
.
<p><a href="&ouml;"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5771
.
<a href="\*">
.
<p><a href="\*"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5777 src line: 5777
@ -3396,6 +3577,28 @@ span`
<p><code>code\ span</code></p> <p><code>code\ span</code></p>
. .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5873
.
<a href="foo
bar">
.
<p><a href="foo
bar"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5881
.
<a href="foo\
bar">
.
<p><a href="foo\
bar"></p>
.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src line: 5897 src line: 5897

Write Preview
Loading…
Cancel
Save