1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00

add data-line attribute to fenced blocks

This commit is contained in:
Baptiste Augrain
2018-09-17 17:25:37 +02:00
parent a24f6e80c7
commit fbdc9c9f8d

View File

@@ -127,31 +127,31 @@ class Markdown {
this.md.use(require('./markdown-it-fence'), { this.md.use(require('./markdown-it-fence'), {
chart: token => { chart: token => {
return `<pre class="fence"> return `<pre class="fence" data-line="${token.map[0]}">
<span class="filename">${token.fileName}</span> <span class="filename">${token.fileName}</span>
<div class="chart" data-height="${token.parameters.height}">${token.content}</div> <div class="chart" data-height="${token.parameters.height}">${token.content}</div>
</pre>` </pre>`
}, },
flowchart: token => { flowchart: token => {
return `<pre class="fence"> return `<pre class="fence" data-line="${token.map[0]}">
<span class="filename">${token.fileName}</span> <span class="filename">${token.fileName}</span>
<div class="flowchart" data-height="${token.parameters.height}">${token.content}</div> <div class="flowchart" data-height="${token.parameters.height}">${token.content}</div>
</pre>` </pre>`
}, },
mermaid: token => { mermaid: token => {
return `<pre class="fence"> return `<pre class="fence" data-line="${token.map[0]}">
<span class="filename">${token.fileName}</span> <span class="filename">${token.fileName}</span>
<div class="mermaid" data-height="${token.parameters.height}">${token.content}</div> <div class="mermaid" data-height="${token.parameters.height}">${token.content}</div>
</pre>` </pre>`
}, },
sequence: token => { sequence: token => {
return `<pre class="fence"> return `<pre class="fence" data-line="${token.map[0]}">
<span class="filename">${token.fileName}</span> <span class="filename">${token.fileName}</span>
<div class="sequence" data-height="${token.parameters.height}">${token.content}</div> <div class="sequence" data-height="${token.parameters.height}">${token.content}</div>
</pre>` </pre>`
} }
}, token => { }, token => {
return `<pre class="code CodeMirror"> return `<pre class="code CodeMirror" data-line="${token.map[0]}">
<span class="filename">${token.fileName}</span> <span class="filename">${token.fileName}</span>
${createGutter(token.content, token.firstLineNumber)} ${createGutter(token.content, token.firstLineNumber)}
<code class="${token.langType}">${token.content}</code> <code class="${token.langType}">${token.content}</code>