Examples (tag) (EN)

Other Languages

• 简体中文

Removing bolding from section headers

Expand

You can remove bolding from section headers in the content of a page. This example demonstrates the use of AstNode#remove.

// Removing bolding from section headers (main)
// The content of a page
import type {HtmlToken} from "wikiparser-node";
const content = `Foo

== <b>Bar</b> ==

=== <strong>Baz</strong> ===`,
	root = Parser.parse(content),
	boldings = root.querySelectorAll<HtmlToken>(
		"heading-title > html:is(#b, #strong)",
	);
for (const html of boldings) {
	html.remove();
}
assert.equal(
	root,
	`Foo

== Bar ==

=== Baz ===`,
);

Replacing the syntaxhighlight language

Expand

You can replace the lang attribute of <syntaxhighlight> tags from moin to wikitext in the content of a page. This example demonstrates the use of ExtToken.

// Replacing the syntaxhighlight language (main)
// The content of a page containing `<syntaxhighlight>` tags
import type {ExtToken} from "wikiparser-node";
const content = `<syntaxhighlight lang="moin">
Foo
</syntaxhighlight>`,
	root = Parser.parse(content),
	exts = root.querySelectorAll<ExtToken>("ext#syntaxhighlight[lang=moin]");
for (const ext of exts) {
	ext.setAttr("lang", "wikitext");
}
assert.equal(
	root,
	`<syntaxhighlight lang="wikitext">
Foo
</syntaxhighlight>`,
);

Fixing invalid self-closing tags

Expand

You can easily fix invalid self-closing tags in the content of a page using HtmlToken#fix.

// Replacing the syntaxhighlight language (main)
// The content of a page containing invalid self-closing tags
import type {HtmlToken} from "wikiparser-node";
const content = "<div>Foo<div/>",
	root = Parser.parse(content);
for (const html of root.querySelectorAll<HtmlToken>("html[selfClosing]")) {
	try {
		// May throw if it cannot be automatically fixed
		html.fix();
	} catch {}
}
assert.equal(
	root,
	"<div>Foo</div>",
);