mirror of
https://github.com/go-gitea/gitea
synced 2024-11-10 12:14:25 +00:00
Prefix all user-generated IDs in markup (#9477)
* Prefix all user-generated IDs in markup * Add user-content- to IDs in unit-tests * fixup markdown_test.go * update the hrefs for the wiki test * Add blackfriday extension regex Signed-off-by: jolheiser <john.olheiser@gmail.com>
This commit is contained in:
parent
071e7c4f0a
commit
e6ceb6880a
@ -58,6 +58,9 @@ var (
|
||||
emailRegex = regexp.MustCompile("(?:\\s|^|\\(|\\[)([a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9]{2,}(?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+)(?:\\s|$|\\)|\\]|\\.(\\s|$))")
|
||||
|
||||
linkRegex, _ = xurls.StrictMatchingScheme("https?://")
|
||||
|
||||
// blackfriday extensions create IDs like fn:user-content-footnote
|
||||
blackfridayExtRegex = regexp.MustCompile(`[^:]*:user-content-`)
|
||||
)
|
||||
|
||||
// CSS class for action keywords (e.g. "closes: #1")
|
||||
@ -312,6 +315,12 @@ func (ctx *postProcessCtx) postProcess(rawHTML []byte) ([]byte, error) {
|
||||
}
|
||||
|
||||
func (ctx *postProcessCtx) visitNode(node *html.Node) {
|
||||
// Add user-content- to IDs if they don't already have them
|
||||
for idx, attr := range node.Attr {
|
||||
if attr.Key == "id" && !(strings.HasPrefix(attr.Val, "user-content-") || blackfridayExtRegex.MatchString(attr.Val)) {
|
||||
node.Attr[idx].Val = "user-content-" + attr.Val
|
||||
}
|
||||
}
|
||||
// We ignore code, pre and already generated links.
|
||||
switch node.Type {
|
||||
case html.TextNode:
|
||||
|
@ -147,6 +147,8 @@ func RenderRaw(body []byte, urlPrefix string, wikiMarkdown bool) []byte {
|
||||
renderer := &Renderer{
|
||||
Renderer: blackfriday.NewHTMLRenderer(blackfriday.HTMLRendererParameters{
|
||||
Flags: blackfridayHTMLFlags,
|
||||
FootnoteAnchorPrefix: "user-content-",
|
||||
HeadingIDPrefix: "user-content-",
|
||||
}),
|
||||
URLPrefix: urlPrefix,
|
||||
IsWiki: wikiMarkdown,
|
||||
|
@ -116,11 +116,11 @@ func testAnswers(baseURLContent, baseURLImages string) []string {
|
||||
<li><a href="` + baseURLContent + `/plot_var_example" rel="nofollow">Plot var helper</a></li>
|
||||
</ul>
|
||||
`,
|
||||
`<h2 id="what-is-wine-staging">What is Wine Staging?</h2>
|
||||
`<h2 id="user-content-what-is-wine-staging">What is Wine Staging?</h2>
|
||||
|
||||
<p><strong>Wine Staging</strong> on website <a href="http://wine-staging.com" rel="nofollow">wine-staging.com</a>.</p>
|
||||
|
||||
<h2 id="quick-links">Quick Links</h2>
|
||||
<h2 id="user-content-quick-links">Quick Links</h2>
|
||||
|
||||
<p>Here are some links to the most important topics. You can find the full list of pages at the sidebar.</p>
|
||||
|
||||
@ -149,11 +149,11 @@ func testAnswers(baseURLContent, baseURLImages string) []string {
|
||||
<a href="` + baseURLImages + `/images/2.png" rel="nofollow"><img src="` + baseURLImages + `/images/2.png" title="2.png" alt="images/2.png"/></a></li>
|
||||
</ol>
|
||||
|
||||
<h2 id="custom-id">More tests</h2>
|
||||
<h2 id="user-content-custom-id">More tests</h2>
|
||||
|
||||
<p>(from <a href="https://www.markdownguide.org/extended-syntax/" rel="nofollow">https://www.markdownguide.org/extended-syntax/</a>)</p>
|
||||
|
||||
<h3 id="definition-list">Definition list</h3>
|
||||
<h3 id="user-content-definition-list">Definition list</h3>
|
||||
|
||||
<dl>
|
||||
<dt>First Term</dt>
|
||||
@ -163,18 +163,18 @@ func testAnswers(baseURLContent, baseURLImages string) []string {
|
||||
<dd>This is another definition of the second term.</dd>
|
||||
</dl>
|
||||
|
||||
<h3 id="footnotes">Footnotes</h3>
|
||||
<h3 id="user-content-footnotes">Footnotes</h3>
|
||||
|
||||
<p>Here is a simple footnote,<sup id="fnref:1"><a href="#fn:1" rel="nofollow">1</a></sup> and here is a longer one.<sup id="fnref:bignote"><a href="#fn:bignote" rel="nofollow">2</a></sup></p>
|
||||
<p>Here is a simple footnote,<sup id="fnref:user-content-1"><a href="#fn:user-content-1" rel="nofollow">1</a></sup> and here is a longer one.<sup id="fnref:user-content-bignote"><a href="#fn:user-content-bignote" rel="nofollow">2</a></sup></p>
|
||||
|
||||
<div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<ol>
|
||||
<li id="fn:1">This is the first footnote.</li>
|
||||
<li id="fn:user-content-1">This is the first footnote.</li>
|
||||
|
||||
<li id="fn:bignote"><p>Here is one with multiple paragraphs and code.</p>
|
||||
<li id="fn:user-content-bignote"><p>Here is one with multiple paragraphs and code.</p>
|
||||
|
||||
<p>Indent paragraphs to include them in the footnote.</p>
|
||||
|
||||
|
@ -87,11 +87,11 @@ Here are some links to the most important topics. You can find the full list of
|
||||
[[images/icon-bug.png]]
|
||||
`,
|
||||
// rendered
|
||||
`<h2 id="what-is-wine-staging">What is Wine Staging?</h2>
|
||||
`<h2 id="user-content-what-is-wine-staging">What is Wine Staging?</h2>
|
||||
|
||||
<p><strong>Wine Staging</strong> on website <a href="http://wine-staging.com" rel="nofollow">wine-staging.com</a>.</p>
|
||||
|
||||
<h2 id="quick-links">Quick Links</h2>
|
||||
<h2 id="user-content-quick-links">Quick Links</h2>
|
||||
|
||||
<p>Here are some links to the most important topics. You can find the full list of pages at the sidebar.</p>
|
||||
|
||||
|
@ -2472,21 +2472,10 @@ $(document).ready(() => {
|
||||
|
||||
// Set anchor.
|
||||
$('.markdown').each(function () {
|
||||
const headers = {};
|
||||
$(this).find('h1, h2, h3, h4, h5, h6').each(function () {
|
||||
let node = $(this);
|
||||
const val = encodeURIComponent(node.text().toLowerCase().replace(/[^\u00C0-\u1FFF\u2C00-\uD7FF\w\- ]/g, '').replace(/[ ]/g, '-'));
|
||||
let name = val;
|
||||
if (headers[val] > 0) {
|
||||
name = `${val}-${headers[val]}`;
|
||||
}
|
||||
if (headers[val] === undefined) {
|
||||
headers[val] = 1;
|
||||
} else {
|
||||
headers[val] += 1;
|
||||
}
|
||||
node = node.wrap(`<div id="${name}" class="anchor-wrap" ></div>`);
|
||||
node.append(`<a class="anchor" href="#${name}"><span class="octicon octicon-link"></span></a>`);
|
||||
node = node.wrap('<div class="anchor-wrap"></div>');
|
||||
node.append(`<a class="anchor" href="#${encodeURIComponent(node.attr('id'))}"><span class="octicon octicon-link"></span></a>`);
|
||||
});
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user