mirror of
https://github.com/godotengine/godot-interactive-changelog.git
synced 2025-12-31 01:49:28 +03:00
Render inline code markup with code formatting (#21)
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
import { LitElement, html, css, customElement, property } from 'lit-element';
|
import { LitElement, html, css, customElement, property } from 'lit-element';
|
||||||
|
import marked from 'marked';
|
||||||
|
|
||||||
@customElement('gr-release-notes')
|
@customElement('gr-release-notes')
|
||||||
export default class ReleaseNotesItem extends LitElement {
|
export default class ReleaseNotesItem extends LitElement {
|
||||||
@@ -252,6 +253,11 @@ export default class ReleaseNotesItem extends LitElement {
|
|||||||
super.update(changedProperties);
|
super.update(changedProperties);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
_parseMarkdown(text) {
|
||||||
|
// Parse markdown but only return the inner content without wrapping <p> tags
|
||||||
|
return marked(text).replace(/<\/?p>/g, '');
|
||||||
|
}
|
||||||
|
|
||||||
_renderUnifiedItem(viewMode, item) {
|
_renderUnifiedItem(viewMode, item) {
|
||||||
return (viewMode === "pretty" ? html`
|
return (viewMode === "pretty" ? html`
|
||||||
<li>
|
<li>
|
||||||
@@ -259,7 +265,7 @@ export default class ReleaseNotesItem extends LitElement {
|
|||||||
${item.group}:
|
${item.group}:
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
${item.title}
|
${html([this._parseMarkdown(item.title)])}
|
||||||
</span>
|
</span>
|
||||||
<code>
|
<code>
|
||||||
(<a
|
(<a
|
||||||
@@ -279,7 +285,7 @@ export default class ReleaseNotesItem extends LitElement {
|
|||||||
return (viewMode === "pretty" ? html`
|
return (viewMode === "pretty" ? html`
|
||||||
<li>
|
<li>
|
||||||
<span>
|
<span>
|
||||||
${item.title}
|
${html([this._parseMarkdown(item.title)])}
|
||||||
</span>
|
</span>
|
||||||
<code>
|
<code>
|
||||||
(<a
|
(<a
|
||||||
|
|||||||
Reference in New Issue
Block a user