CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>plugin:adhoctags [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="noindex,nofollow"/> <meta name="keywords" content="plugin,adhoctags"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/plugin:adhoctags?do=index" title="Sitemap"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Recent Changes" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Current namespace" href="/feed.php?mode=list&ns=plugin"/> <link rel="edit" title="Edit this page" href="/plugin:adhoctags?do=edit"/> <link rel="alternate" type="text/html" title="Plain HTML" href="/_export/xhtml/plugin:adhoctags"/> <link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/plugin:adhoctags"/> <link rel="canonical" href="https://www.dokuwiki.org/plugin:adhoctags"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <script >var NS='plugin';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"plugin:adhoctags","namespace":"plugin","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=en" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">skip to content</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Home [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">User Tools</h3> <ul> <li class="action login"><a href="/plugin:adhoctags?do=login&sectok=" title="Log In" rel="nofollow"><span>Log In</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">Site Tools</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="plugin:adhoctags" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Search" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Search">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="plugin:adhoctags" /><select name="do" class="edit quickselect" title="Tools"><option value="">Tools</option><optgroup label="Page Tools"><option value="edit">Edit this page</option><option value="revisions">Old revisions</option><option value="backlink">Backlinks</option></optgroup><optgroup label="Site Tools"><option value="recent">Recent Changes</option><option value="media">Media Manager</option><option value="index">Sitemap</option></optgroup><optgroup label="User Tools"><option value="login">Log In</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/plugin:adhoctags?do=recent" title="Recent Changes [r]" rel="nofollow" accesskey="r">Recent Changes</a></li><li class="action media"><a href="/plugin:adhoctags?do=media&ns=plugin" title="Media Manager" rel="nofollow">Media Manager</a></li><li class="action index"><a href="/plugin:adhoctags?do=index" title="Sitemap [x]" rel="nofollow" accesskey="x">Sitemap</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace"><span class="bchead">Trace:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/plugin:adhoctags" class="breadcrumbs" title="plugin:adhoctags">adhoctags</a></bdi></span></div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <nav id="dokuwiki__aside" aria-label="Sidebar"><div class="pad aside include group"> <h3 class="toggle">Sidebar</h3> <div class="content"><div class="group"> <p> <strong>Learn about DokuWiki</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/features" class="wikilink1" title="features" data-wiki-id="features">Features</a> & <a href="/blogroll" class="wikilink1" title="blogroll" data-wiki-id="blogroll">reviews</a> </div> </li> <li class="level1"><div class="li"> <a href="/install" class="wikilink1" title="install" data-wiki-id="install">Installation guide</a></div> </li> <li class="level1"><div class="li"> <a href="/manual" class="wikilink1" title="manual" data-wiki-id="manual">User manual</a> & <a href="/wiki:syntax" class="wikilink1" title="wiki:syntax" data-wiki-id="wiki:syntax">syntax</a></div> </li> <li class="level1"><div class="li"> <a href="/changes" class="wikilink1" title="changes" data-wiki-id="changes">Release notes</a></div> </li> <li class="level1"><div class="li"> <a href="/faq" class="wikilink1" title="faq" data-wiki-id="faq">FAQ</a></div> </li> </ul> <p> <strong>Advanced Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/extensions" class="wikilink1" title="extensions" data-wiki-id="extensions">Extensions</a></div> </li> <li class="level1"><div class="li"> <a href="/development" class="wikilink1" title="development" data-wiki-id="development">Development manual</a></div> </li> </ul> <p> <strong>Corporate Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/faq:support" class="wikilink1" title="faq:support" data-wiki-id="faq:support">Get support</a></div> </li> <li class="level1"><div class="li"> <a href="/donate" class="wikilink1" title="donate" data-wiki-id="donate">Donations</a></div> </li> </ul> <p> <strong>Our Community</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/teams:getting_involved" class="wikilink1" title="teams:getting_involved" data-wiki-id="teams:getting_involved">Get involved</a></div> </li> <li class="level1"><div class="li"> <a href="/dokuinstall" class="wikilink1" title="dokuinstall" data-wiki-id="dokuinstall">Users</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">User forum</a></div> </li> <li class="level1"><div class="li"> <a href="/mailinglist" class="wikilink1" title="mailinglist" data-wiki-id="mailinglist">Development mailinglist</a></div> </li> </ul> <hr /> <p> Follow us on <a href="https://phpc.social/@dokuwiki" class="urlextern" title="https://phpc.social/@dokuwiki">Mastodon</a> and other <a href="/social" class="wikilink1" title="social" data-wiki-id="social">social networks</a>. </p> <p> <a href="/privacy" class="wikilink1" title="privacy" data-wiki-id="privacy">Our Privacy Policy</a> </p> </div></div> </div></nav>  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>plugin:adhoctags</span></div> <div class="page group">   <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Table of Contents</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#ad-hoc_html_plugin">Ad-Hoc HTML Plugin</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#installation">Installation</a></div></li> <li class="level2"><div class="li"><a href="#examples_usage">Examples/Usage</a></div></li> <li class="level2"><div class="li"><a href="#syntax">Syntax</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#html_tags">HTML Tags</a></div></li> <li class="level3"><div class="li"><a href="#html_attributes">HTML Attributes</a></div></li> <li class="level3"><div class="li"><a href="#extended_attributes">Extended Attributes</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#configuration_and_settings">Configuration and Settings</a></div></li> <li class="level2"><div class="li"><a href="#user_interface">User Interface</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#css">CSS</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#development">Development</a></div></li> <li class="level2"><div class="li"><a href="#security">Security</a></div></li> <li class="level2"><div class="li"><a href="#hintswitch_from_html">Hint: Switch from HTML</a></div></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="ad-hoc_html_plugin">Ad-Hoc HTML Plugin</h1> <div class="level1"> <div class="pluginrepo_entry"><div class="usageInfo"><div class="compatibility"><p class="label">Compatible with DokuWiki</p><div class="versions"><ul><li class="yes">2024-02-06 "Kaos" <strong><span>yes</span></strong></li><li class="yes">2023-04-04 "Jack Jackrum" <strong><span>yes</span></strong></li><li class="yes">2022-07-31 "Igor" <strong><span>yes</span></strong></li><li class="">2020-07-29 "Hogfather" <strong><span>unknown</span></strong></li></ul></div></div><ul class="actions"><li><a class="download" href="https://github.com/saschaleib/dokuwiki-plugin-adhoctags/archive/refs/heads/main.zip">Download</a></li><li><a class="bugs" href="https://github.com/saschaleib/dokuwiki-plugin-adhoctags/issues">Report bugs</a></li></ul><div class="clearer"></div></div><div class="mainInfo"><p class="description"><a class="media" href="/plugins"><img alt="plugin" class="medialeft" src="/lib/plugins/pluginrepo/images/dwplugin.png" width="60" height="60" /></a> A secure but flexible way to insert HTML tags into DokuWiki</p><a href="/lib/exe/fetch.php?tok=11d24a&media=https%3A%2F%2Ffallacies.online%2Fimg%2FAdHocTags.png" class="media screenshot" title="Screenshot of adhoctags" rel="lightbox" data-url="/lib/exe/fetch.php?tok=11d24a&media=https%3A%2F%2Ffallacies.online%2Fimg%2FAdHocTags.png"><img src="/lib/exe/fetch.php?w=220&tok=7d62f3&media=https%3A%2F%2Ffallacies.online%2Fimg%2FAdHocTags.png" alt="" width="220" /></a></div><div class="metaInfo"><dl><dt>Last updated on</dt><dd>2025-03-19</dd><dt>Provides</dt><dd><a href="/plugins?plugintype=1#extension__table" class="wikilink1" title="List all Syntax plugins">Syntax</a></dd><dt>Repository</dt><dd><a class="urlextern" href="https://github.com/saschaleib/dokuwiki-plugin-adhoctags">Source</a></dd></dl></div><div class="moreInfo"><p class="similar">Similar to <a href="/plugin:wrap" class="wikilink1" title="plugin:wrap" data-wiki-id="plugin:wrap">wrap</a></p><p class="tags">Tagged with <a href="/plugins?plugintag=html#extension__table" class="wikilink1" title="List all plugins with this tag">html</a>, <a href="/plugins?plugintag=syntax#extension__table" class="wikilink1" title="List all plugins with this tag">syntax</a></p><p class="needed">Needed for <a href="/plugin:adhocmathml" class="wikilink1" title="plugin:adhocmathml" data-wiki-id="plugin:adhocmathml">adhocmathml</a>, <a href="/plugin:adhoctables" class="wikilink1" title="plugin:adhoctables" data-wiki-id="plugin:adhoctables">adhoctables</a>, <a href="/plugin:adhocwrap" class="wikilink1" title="plugin:adhocwrap" data-wiki-id="plugin:adhocwrap">adhocwrap</a>, <a href="/plugin:marked" class="wikilink1" title="plugin:marked" data-wiki-id="plugin:marked">marked</a></p></div><div class="authorInfo"><strong>By <a href="mailto:sascha%20%5Bdot%5D%20leib%20%5Bat%5D%20kolmio%20%5Bdot%5D%20com" class="mail" title="sascha [dot] leib [at] kolmio [dot] com">Sascha Leib</a></strong></div></div> <p> <strong>Note:</strong> This plugin was formerly known as “Ad Hoc Tags”. It is being renamed in order to avoid confusion with other “tags” plugins here, which all do something entirely different. </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Ad-Hoc HTML Plugin] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="ad-hoc_html_plugin" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-852" /><button type="submit" title="Ad-Hoc HTML Plugin">Edit</button></div></form></div> <h2 class="sectionedit2" id="installation">Installation</h2> <div class="level2"> <p> You can install the plugin using the <a href="/plugin:extension" class="wikilink1" title="plugin:extension" data-wiki-id="plugin:extension">Extension Manager</a> (look for “ad hoc”), or via the download <abbr title="Uniform Resource Locator">URL</abbr> above. Refer to <a href="/plugins" class="wikilink1" title="plugins" data-wiki-id="plugins">Plugins</a> on how to install plugins manually. </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Installation] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="installation" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="853-1062" /><button type="submit" title="Installation">Edit</button></div></form></div> <h2 class="sectionedit3" id="examples_usage">Examples/Usage</h2> <div class="level2"> <p> This plugin enables you to use the <em>certain</em> <abbr title="HyperText Markup Language">HTML</abbr> tags directly in your DokuWiki code. By adding a simplified way of encoding attributes, this enables a more elegant and less verbose code, as in the following example: </p> <pre class="code xml">The <span class="sc3"><span class="re1"><dfn</span> #lemma<span class="re2">></span><span class="re1"><i</span> :la<span class="re2">></span></span>Ad Hoc<span class="sc3"><span class="re1"></i<span class="re2">></span></span></span> Tags plugin<span class="sc3"><span class="re1"></dfn<span class="re2">></span></span></span> gives <span class="sc3"><span class="re1"><b</span> important<span class="re2">></span></span>flexibility<span class="sc3"><span class="re1"></b<span class="re2">></span></span></span> in using <span class="sc3"><span class="re1"><abbr</span> <span class="st0">"HyperText Markup Language"</span><span class="re2">></span></span>HTML<span class="sc3"><span class="re1"></abbr<span class="re2">></span></span></span> tags, without the <span class="sc3"><span class="re1"><u</span> error<span class="re2">></span></span>hasle<span class="sc3"><span class="re1"></u<span class="re2">></span></span></span> and potential security problems of enabling full <span class="sc3"><span class="re1"><abbr<span class="re2">></span></span></span>HTML<span class="sc3"><span class="re1"></abbr<span class="re2">></span></span></span> syntax.</pre> <p> For more information, please see the <a href="https://github.com/saschaleib/dokuwiki-plugin-adhoctags/blob/main/README.md" class="urlextern" title="https://github.com/saschaleib/dokuwiki-plugin-adhoctags/blob/main/README.md">Read Me</a> file on <strong>GitHub.</strong> </p> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Examples/Usage] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="examples_usage" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1063-1731" /><button type="submit" title="Examples/Usage">Edit</button></div></form></div> <h2 class="sectionedit4" id="syntax">Syntax</h2> <div class="level2"> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Syntax] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="syntax" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="1732-1751" /><button type="submit" title="Syntax">Edit</button></div></form></div> <h3 class="sectionedit5" id="html_tags">HTML Tags</h3> <div class="level3"> <p> The plugin adds the following tags to DokuWiki (links go to the MDN pages for these tags): </p> <ul> <li class="level1"><div class="li"> <code><a></code> — “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a">Anchor/Link</a>”</div> </li> <li class="level1"><div class="li"> <code><abbr></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr">Abbreviation</a>”*</div> </li> <li class="level1"><div class="li"> <code><address></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address">Address</a>” </div> </li> <li class="level1"><div class="li"> <code><article></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article">Article</a>” </div> </li> <li class="level1"><div class="li"> <code><aside></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside">Aside</a>”*</div> </li> <li class="level1"><div class="li"> <code><b></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b">Bring Attention To</a>”* (“bold”)</div> </li> <li class="level1"><div class="li"> <code><bdi></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdi" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdi">Bidirectional isolate</a>”</div> </li> <li class="level1"><div class="li"> <code><bdo></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo">Bidirectional override</a>”</div> </li> <li class="level1"><div class="li"> <code><cite></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite">Citation</a>”</div> </li> <li class="level1"><div class="li"> <code><details></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details">Details</a>” <br/> + <code><summary></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary">Summary</a>” </div> </li> <li class="level1"><div class="li"> <code><dfn></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn">Definition</a>”</div> </li> <li class="level1"><div class="li"> <code><div></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div">Generic block</a>” </div> </li> <li class="level1"><div class="li"> <code><dl></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl">Description list</a>” <br/> + <code><dt></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dt" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dt">Description term</a>” <br/> + <code><dd></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn">Description details</a>”</div> </li> <li class="level1"><div class="li"> <code><em></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em">Emphasis</a>”</div> </li> <li class="level1"><div class="li"> <code><figure></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure">Figure</a>”* <br/> + <code><figcaption></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption">Figure caption</a>”* </div> </li> <li class="level1"><div class="li"> <code><header></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header">Header</a>”</div> </li> <li class="level1"><div class="li"> <code><h1></code> … <code><h6></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements">Section Headings</a>”</div> </li> <li class="level1"><div class="li"> <code><footer></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer">Footer</a>”</div> </li> <li class="level1"><div class="li"> <code><i></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i">Idiomatic Text</a>”* (“italic”)</div> </li> <li class="level1"><div class="li"> <code><iframe></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe">Inline frame</a>”</div> </li> <li class="level1"><div class="li"> <code><img></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img">Image</a>”</div> </li> <li class="level1"><div class="li"> <code><kbd></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd">Keyboard Input</a>”</div> </li> <li class="level1"><div class="li"> <code><mark></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark">Mark Text</a>”*</div> </li> <li class="level1"><div class="li"> <code><pre></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre">Preformatted</a>”</div> </li> <li class="level1"><div class="li"> <code><q></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">Inline Quotation</a>”*</div> </li> <li class="level1"><div class="li"> <code><s></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/s" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/s">Strikethrough</a>”*</div> </li> <li class="level1"><div class="li"> <code><samp></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp">Sample Output</a>”</div> </li> <li class="level1"><div class="li"> <code><section></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section">Section</a>”*</div> </li> <li class="level1"><div class="li"> <code><small></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/small" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/small">Side content</a>” (“smaller”)</div> </li> <li class="level1"><div class="li"> <code><span></code> — “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span">Content Span</a>”</div> </li> <li class="level1"><div class="li"> <code><strong></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong">Strong importance</a>”</div> </li> <li class="level1"><div class="li"> <code><time></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time">Date/Time</a>”</div> </li> <li class="level1"><div class="li"> <code><u></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u">Unarticulated Annotation</a>”* (“underline”)</div> </li> <li class="level1"><div class="li"> <code><var></code> – “<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var">Variable</a>”</div> </li> </ul> <p> Note that only a selection of these tags (marked here with an <code>*</code>) is enabled by default after installation. Please go to the configuration settings to enable other tags that you need for your site. </p> <p> <img src="/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" /> <strong>Important:</strong> The <code><div></code> and <code><span></code> tags are also handled by the <a href="/plugin:wrap" class="wikilink1" title="plugin:wrap" data-wiki-id="plugin:wrap">Wrap</a>-plugin. If both the Wrap-plugin and these tags are active, this can lead to unexpected results. If you want to use <code><div></code> or <code><span></code> and still have access to selected features of the Wrap plugin, please consider using <a href="/plugin:adhocwrap" class="wikilink1" title="plugin:adhocwrap" data-wiki-id="plugin:adhocwrap">Ad-Hoc Wrap</a> instead of Wrap. </p> <p> Note that <abbr title="HyperText Markup Language">HTML</abbr> table tags have deliberately been omitted from this plugin. If you need these, please install the <a href="/plugin:adhoctables" class="wikilink1" title="plugin:adhoctables" data-wiki-id="plugin:adhoctables">Ad-Hoc Tables</a> plugin in addition to this one. </p> <p> There is also an extension to this plugin that enables <a href="https://en.wikipedia.org/wiki/MathML" class="interwiki iw_wp" title="https://en.wikipedia.org/wiki/MathML">MathML</a> tags. Please see: <a href="/plugin:adhocmathml" class="wikilink1" title="plugin:adhocmathml" data-wiki-id="plugin:adhocmathml">Ad-Hoc MathML</a>. </p> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[HTML Tags] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="html_tags" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="1752-6863" /><button type="submit" title="HTML Tags">Edit</button></div></form></div> <h3 class="sectionedit6" id="html_attributes">HTML Attributes</h3> <div class="level3"> <p> The plugin inherits some of the attribute syntax from the <em>Wrap</em> plugin, but adds functionality to some and more attributes via its own extended syntax. </p> <p> <strong>Note:</strong> unless otherwise specified, the attributes can not contain any spaces. </p> <ul> <li class="level1"><div class="li"> <code>id</code> adopts the <abbr title="Cascading Style Sheets">CSS</abbr> syntax, e.g. use <code>#lemma</code> to generate: <code>id="lemma"</code>.</div> </li> </ul> <ul> <li class="level1"><div class="li"> Any valid class name is passed through to the <code>class</code> attribute. There can be an arbitrary number of class specifications in any tag.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>lang</code> (language) uses the <code>:</code> syntax, as introduced by the <em>Wrap</em> plugin. For example, <code>:fr</code> becomes: <code>lang="fr"</code>. <br/> This is fully compatible with <a href="https://www.rfc-editor.org/info/bcp47" class="urlextern" title="https://www.rfc-editor.org/info/bcp47">BCP-47</a>, i.e. you can also use specifications like <code>:fr-BE</code> (French as spoken in Belgium), or <code>:grc-Latn</code> (Latin transcription of Ancient Greek), etc. <br/> This also sets the <code>dir</code> attribute, unless there is another direction specified (see below for more information)</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>title</code> is simply any text that is enclosed in double quotation marks, for example: <code><abbr "HyperText Markup Language">HTML</abbr></code>. This attribute can contain spaces.</div> </li> </ul> <ul> <li class="level1"><div class="li"> Finally, there is a mechanism for additional “extended” attributes. These are marked by square brackets and either contain a name and value (e.g. <code>[dir=rtl]</code>), or for boolean attributes simply the name (e.g. <code>[open]</code>). More information below.</div> </li> </ul> <ul> <li class="level1"><div class="li"> The <em>width</em> format that was inherited from the <em>Wrap</em> plugin has been removed in the latest version. Please use <abbr title="Cascading Style Sheets">CSS</abbr> instead – either inline (see below) or via classes!</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[HTML Attributes] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="html_attributes" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="6864-8451" /><button type="submit" title="HTML Attributes">Edit</button></div></form></div> <h3 class="sectionedit7" id="extended_attributes">Extended Attributes</h3> <div class="level3"> <p> Extended attributes are marked by square brackets. They typically contain a name and the value, separated by an equals sign (example: <code>[dir=rtl]</code>) or in some cases “empty” attributes (e.g. <code>[hidden]</code>. </p> <p> The following attributes are available in all tags: </p> <ul> <li class="level1"><div class="li"> <code>[dir=…]</code> – <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir">Direction</a>. This overrides any direction setting by the <code>:lang</code> attribute. Possible values are: <code>rtl</code> (right-to-left), <code>ltr</code> (left-to-right), or <code>auto</code>. Note that the <code>dir</code> attribute is also controlled by the <em>language</em> setting (see above), but an explicit <code>[dir=…]</code> specification will always override the language direction.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[hidden]</code> – <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden">Hidden</a>. Temporarily hides the element and its content from view. This can be used as an empty element (without a value), or with the values <code>hidden</code>, or <code>until-found</code> (any other value is discarded).</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[tabindex=…]</code> – <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex">Tab Index</a>. Overrides the tabing behaviour of the element. It is recommended to only use the values <code>-1</code> or <code>0</code>, but any Integer value is allowed here.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[is=…]</code> – <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/is" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/is">Custom element</a>. Allows to assign the element to a custom element class. See <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a> for more information.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[style=…]</code> – <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style">Inline Style</a>. Allows to specify inline styles. This is still an experimental attribute that needs to be activated in the configuration, if you want to use it. Example: <code>[style=color:red;text-decoration:underline]</code>.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[data-*=…]</code> – <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*">Custom data</a>. Any attribute that starts with <code>data-</code> (e.g. <code>data-value</code>) is passed right through for custom data storage.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[aria-*=…]</code> – <a href="https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics">WAI-ARIA</a>. Any attribute that starts with <code>aria-</code> (e.g. <code>aria-label</code>) is passed through for accessibility settings.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[itemscope]</code>, <code>[itemid=…]</code>, <code>[itemprop=…]</code>, <code>[itemref=…]</code>, and <code>[itemtype=…]</code> allow <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemscope" class="urlextern" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemscope">microformats</a> to be embedded in <abbr title="HyperText Markup Language">HTML</abbr>.</div> </li> </ul> <p> The following attributes are only available in specific tags: </p> <ul> <li class="level1"><div class="li"> <code>[open]</code> – empty attribute that is only available in <code><details></code> tags. If specified, the section will be expanded by default.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[datetime=…]</code> specifies a date, time, period, or combination thereof in the <code><time></code> element. Can contain any valid <a href="https://en.wikipedia.org/wiki/ISO 8601" class="interwiki iw_wp" title="https://en.wikipedia.org/wiki/ISO 8601">ISO 8601</a> date format, including those that contain spaces!</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[href=…]</code>, <code>[hreflang=…]</code>, <code>[target=…]</code>, <code>[rel=…]</code> and <code>[download=…]</code> can only appear in <code><a></code> tags. <br/> Note that <code>javascript:</code>-URLs are disabled by default in <code>href</code> attributes (they can be enabled in the configuration), but all other methods are available, provided the <code><a></code>-tag itself is enabled, of course.</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>[src]</code> – source for <code><iframe></code> and <code><img></code>-elements.</div> </li> <li class="level1"><div class="li"> <code>[width=…]</code> and <code>[height=…]</code> – dimensions for <code><iframe></code> and <code><img></code>-elements.</div> </li> <li class="level1"><div class="li"> Several other specialized attributes for both <code><iframe></code> and <code><img></code>. Please see the MDN docs for details.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Extended Attributes] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="extended_attributes" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="8452-12079" /><button type="submit" title="Extended Attributes">Edit</button></div></form></div> <h2 class="sectionedit8" id="configuration_and_settings">Configuration and Settings</h2> <div class="level2"> <p> The configuration settings for this plugin allow you to select exactly which tags you want to allow and which to disable. </p> <p> For example, you may want to disable the <code><span></code> and <code><div></code> tags, if you are also using the <em>Wrap</em> plugin, as there might otherwise be a conflict between these two plugins. </p> <p> There are also two options to enable the experimental features mentioned above. These may be removed or changed in later versions. In the meantime, feedback is very welcome! </p> </div> <div class="secedit editbutton_section editbutton_8"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Configuration and Settings] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="configuration_and_settings" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="12080-12600" /><button type="submit" title="Configuration and Settings">Edit</button></div></form></div> <h2 class="sectionedit9" id="user_interface">User Interface</h2> <div class="level2"> <p> The plugin adds a new menu to the editor toolbar, which gives you direct access to most of the tags mentioned above. </p> </div> <div class="secedit editbutton_section editbutton_9"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[User Interface] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="user_interface" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="12601-12746" /><button type="submit" title="User Interface">Edit</button></div></form></div> <h3 class="sectionedit10" id="css">CSS</h3> <div class="level3"> <p> This plugin does <em>not</em> introduce <em>any</em> <abbr title="Cascading Style Sheets">CSS</abbr>. The formatting is completely up to the template that you are using, or to your <a href="/devel:css" class="wikilink1" title="devel:css" data-wiki-id="devel:css">user stylesheets</a>. </p> <p> You should also be aware that some templates even overwrite the default styling for these tags (e.g. <code><q></code> is not behaving as it should in the default DokuWiki template). In these cases, you may need to reset these tags to their defaults in the user stylesheet. </p> </div> <div class="secedit editbutton_section editbutton_10"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[CSS] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="css" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="12747-13186" /><button type="submit" title="CSS">Edit</button></div></form></div> <h2 class="sectionedit11" id="development">Development</h2> <div class="level2"> <p> A large portion of the code has been taken from the <a href="/plugin:wrap" class="wikilink1" title="plugin:wrap" data-wiki-id="plugin:wrap">Wrap</a>-plugin. Many thanks to all the contributors there for the great service to the community! </p> <p> On my side, there are still a lot of issues to be fixed. I encourage everybody who might need something like this to test the plugin and send feedback and bug reports. </p> </div> <div class="secedit editbutton_section editbutton_11"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Development] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="development" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="13187-13532" /><button type="submit" title="Development">Edit</button></div></form></div> <h2 class="sectionedit12" id="security">Security</h2> <div class="level2"> <p> One of the main objectives of this plugin is to make the use of correct, semantic <abbr title="HyperText Markup Language">HTML</abbr> tags available without compromising on the security of the installation. </p> <p> However, there is a balance that has to be found between <em>security</em> and <em>functionality</em>. This particularly affects anything that may allow users to run custom JavaScript code. </p> <p> There are two mechanisms for this introduced by this plugin: While the <code>is</code> attribute is limited to reference JavaScript that has been loaded outside of the scope of the user-editable content, the following example shows how a user may enter arbitrary code that is executed on mouse-click: <br/> <code><a [href=javascript:alert('Hello world!')]></code>. </p> <p> On the other hand, there are many functionalities that the site admin may make available via this format – or a site may not have any user content anyways, and thus it is up to the site admin to allow such functions… </p> <p> By default, <code>javascript:</code>-URLs are disabled in the plugin configuration. There may be good reasons to enable it for your site, but please don't do so unless you are aware of the dangers of allowing users enter arbitrary JavaScript code, even if it only runs when someone actually clicks on it. </p> <p> Alternatively, please consider providing specialized custom-elements that your users can call on in the site content via the <code>is</code> attribute. </p> </div> <div class="secedit editbutton_section editbutton_12"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Security] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="security" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="13533-14911" /><button type="submit" title="Security">Edit</button></div></form></div> <h2 class="sectionedit13" id="hintswitch_from_html">Hint: Switch from HTML</h2> <div class="level2"> <p> Using the <a href="/plugin:batchedit" class="wikilink1" title="plugin:batchedit" data-wiki-id="plugin:batchedit">Batchedit plugin</a>, switching to this plugin is relatively easy. After installing the Batchedit plugin you can use it from the admin page. </p> <p> <img src="/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" /> Always use the regex mode <img src="/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" /> </p> <p> <code>Namespace</code> - can be left empty (all) or limit the found pages </p> <div class="table sectionedit14"><table class="inline"> <thead> <tr class="row0"> <th class="col0" colspan="3"> <img src="/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" /> Note the leading spaces</th> </tr> <tr class="row1"> <th class="col0"><code>Search for</code></th><th class="col1"><code>Replace with</code></th><th class="col2"><code>Edit summary</code></th> </tr> </thead> <tr class="row2"> <td class="col0"><pre class="code"><\/{0,1}html></pre> </td><td class="col1"> </td><td class="col2">remove html tags</td> </tr> <tr class="row3"> <td class="col0"><pre class="code"> title="</pre> </td><td class="col1"><pre class="code"> "</pre> </td><td class="col2">remove title</td> </tr> <tr class="row4"> <td class="col0"><pre class="code"> class="([^\"]*)"</pre> </td><td class="col1"><pre class="code"> $1</pre> </td><td class="col2">remove class</td> </tr> <tr class="row5"> <td class="col0"><pre class="code"> lang="([^\"]*)"</pre> </td><td class="col1"><pre class="code"> :$1</pre> </td><td class="col2">remove lang</td> </tr> <tr class="row6"> <td class="col0"><pre class="code"> style="([^\"]*)"</pre> </td><td class="col1"><pre class="code"> [style=$1]</pre> </td><td class="col2">change style</td> </tr> </table></div> <div class="secedit editbutton_table editbutton_14"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Table] " /><input type="hidden" name="target" value="table" /><input type="hidden" name="hid" value="table" /><input type="hidden" name="range" value="15218-15598" /><button type="submit" title="Table">Edit</button></div></form></div> <p> After each search term, use the preview function and select the pages to be replaced. Then <code>Apply</code> and edit the next search term. </p> <p> This should replace the normal uses (styling) of <abbr title="HyperText Markup Language">HTML</abbr>. For javascript in <abbr title="HyperText Markup Language">HTML</abbr> tags users this is not suitable. </p> <p> <a href="https://forum.dokuwiki.org/d/20975-how-to-replacing-htmlok-or-phpok-with-similar-capability/6" class="urlextern" title="https://forum.dokuwiki.org/d/20975-how-to-replacing-htmlok-or-phpok-with-similar-capability/6">This is explained in more detail here.</a> </p> <p> <em>I have added this section, but perhaps it should go somewhere else. — <a href="https://forum.dokuwiki.org/u/saggi" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/saggi">saggi</a> </em>2023-05-17 15:49<em></em> </p> </div> <div class="secedit editbutton_section editbutton_13"><form class="button btn_secedit" method="post" action="/plugin:adhoctags"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1742420643" /><input type="hidden" name="summary" value="[Hint: Switch from HTML] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="hintswitch_from_html" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="14912-" /><button type="submit" title="Hint: Switch from HTML">Edit</button></div></form></div>  </div> <div class="docInfo"><bdi>plugin/adhoctags.txt</bdi> · Last modified: <time datetime="2025-03-19T22:44:03+0100">2025-03-19 22:44</time> by <bdi>sascha-leib</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Page Tools</h3> <div class="tools"> <ul> <li class="edit"><a href="/plugin:adhoctags?do=edit" title="Edit this page [e]" rel="nofollow" accesskey="e"><span>Edit this page</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/plugin:adhoctags?do=revisions" title="Old revisions [o]" rel="nofollow" accesskey="o"><span>Old revisions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/plugin:adhoctags?do=backlink" title="Backlinks" rel="nofollow"><span>Backlinks</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Back to top [t]" rel="nofollow" accesskey="t"><span>Back to top</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Except where otherwise noted, content on this wiki is licensed under the following license: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=plugin%3Aadhoctags&1742586781" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>