plugin:block [DokuWiki]

<!DOCTYPE html> <html lang="en" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>plugin:block [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="plugin,block"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/plugin:block?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:block?do=edit"/> <link rel="alternate" type="text/html" title="Plain HTML" href="/_export/xhtml/plugin:block"/> <link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/plugin:block"/> <link rel="canonical" href="https://www.dokuwiki.org/plugin:block"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <script >var NS='plugin';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"plugin:block","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:block?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:block" /><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:block" /><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:block?do=recent" title="Recent Changes [r]" rel="nofollow" accesskey="r">Recent Changes</a></li><li class="action media"><a href="/plugin:block?do=media&ns=plugin" title="Media Manager" rel="nofollow">Media Manager</a></li><li class="action index"><a href="/plugin:block?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:block" class="breadcrumbs" title="plugin:block">block</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:block</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="#block_plugin">block 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="#main_dialog_window_of_design_tool">Main Dialog Window of Design Tool</a></div></li> <li class="level2"><div class="li"><a href="#syntax_specification">Syntax Specification</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#rounded_corners">Rounded Corners</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#configuration_options">Configuration Options</a></div></li> <li class="level2"><div class="li"><a href="#change_log">Change Log</a></div></li> <li class="level2"><div class="li"><a href="#faq">FAQ</a></div></li> <li class="level2"><div class="li"><a href="#discussion">Discussion</a></div></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="block_plugin">block 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="">2024-02-06 "Kaos" <strong><span>unknown</span></strong></li><li class="">2023-04-04 "Jack Jackrum" <strong><span>unknown</span></strong></li><li class="yes">2022-07-31 "Igor" <strong><span>yes</span></strong></li><li class="yes">2020-07-29 "Hogfather" <strong><span>yes</span></strong></li></ul></div></div><ul class="actions"><li><a class="download" href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/tarball/master">Download</a></li><li><a class="bugs" href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/issues">Report bugs</a></li><li><a class="donate" href="http://mturner.org/userfiles/donate.php">Donate</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> Create highly configurable boxes for text and image</p></div><div class="metaInfo"><dl><dt>Last updated on</dt><dd>2021-01-23</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/turnermm/Block-Plugin-for-Dokuwiki/">Source</a></dd><dt>Conflicts with</dt><dd><a href="/plugin:cellbg" class="wikilink1" title="plugin:cellbg" data-wiki-id="plugin:cellbg">cellbg</a></dd></dl></div><div class="moreInfo"><p class="similar">Similar to <a href="/plugin:box" class="wikilink1" title="plugin:box" data-wiki-id="plugin:box">box</a>, <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=style#extension__table" class="wikilink1" title="List all plugins with this tag">style</a></p></div><div class="authorInfo"><strong>By <a href="mailto:turnermm02%20%5Bat%5D%20shaw%20%5Bdot%5D%20ca" class="mail" title="turnermm02 [at] shaw [dot] ca">Myron Turner</a></strong><ul><li><a href="/plugin:htmlokay" class="wikilink1" title="plugin:htmlokay" data-wiki-id="plugin:htmlokay">htmlokay</a></li> <li><a href="/plugin:codedoc" class="wikilink1" title="plugin:codedoc" data-wiki-id="plugin:codedoc">codedoc</a></li> <li><a href="/plugin:charpicker" class="wikilink1" title="plugin:charpicker" data-wiki-id="plugin:charpicker">charpicker</a></li> <li><a href="/plugin:credits" class="wikilink1" title="plugin:credits" data-wiki-id="plugin:credits">credits</a></li> <li><a href="/plugin:snippets" class="wikilink1" title="plugin:snippets" data-wiki-id="plugin:snippets">snippets</a></li> <li><a href="/plugin:vkeyboard" class="wikilink1" title="plugin:vkeyboard" data-wiki-id="plugin:vkeyboard">vkeyboard</a></li> <li><a href="/template:simple_sidebar" class="wikilink1" title="template:simple_sidebar" data-wiki-id="template:simple_sidebar">simple_sidebar</a></li> <li><a href="/plugin:dwcommits" class="wikilink1" title="plugin:dwcommits" data-wiki-id="plugin:dwcommits">dwcommits</a></li> <li><a href="/plugin:textinsert" class="wikilink1" title="plugin:textinsert" data-wiki-id="plugin:textinsert">textinsert</a></li> <li><a href="/plugin:nodisp" class="wikilink1" title="plugin:nodisp" data-wiki-id="plugin:nodisp">nodisp</a></li> <li>and 24 more</li></ul></div></div> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[block Plugin] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="block_plugin" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-731" /><button type="submit" title="block Plugin">Edit</button></div></form></div> <h2 class="sectionedit2" id="installation">Installation</h2> <div class="level2"> <p> Search and install the plugin using the <a href="/plugin:extension" class="wikilink1" title="plugin:extension" data-wiki-id="plugin:extension">Extension Manager</a>. 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:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><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="732-896" /><button type="submit" title="Installation">Edit</button></div></form></div> <h2 class="sectionedit3" id="examples_usage">Examples/Usage</h2> <div class="level2"> <p> <a href="/lib/exe/fetch.php?tok=df83f7&media=http%3A%2F%2Fwww.mturner.org%2Fuserfiles%2Fblock.png" class="media" title="http://www.mturner.org/userfiles/block.png"><img src="/lib/exe/fetch.php?tok=df83f7&media=http%3A%2F%2Fwww.mturner.org%2Fuserfiles%2Fblock.png" class="medialeft" loading="lazy" alt="" /></a> This plugin has a toolbar icon which pops up a window with which you design your box, including border styles and colors, text color and box color, the width of the box in percentages, and the position of the box on the page. </p> <p> You can either start by selecting your text and then designing your box or you can create your box and add text to it. You can also include images in these boxes; however, image position depends on the Dokuwiki markup. </p> <p> The basic features of the box can be configured in the Configuration Manager. See below: <a href="#configuration_options" title="plugin:block ↵" class="wikilink1">configuration_options</a>. </p> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><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="897-1537" /><button type="submit" title="Examples/Usage">Edit</button></div></form></div> <h2 class="sectionedit4" id="main_dialog_window_of_design_tool">Main Dialog Window of Design Tool</h2> <div class="level2"> <p> Syntax is taken care of by the pop-up design tool. </p> <p> <a href="/lib/exe/fetch.php?tok=fbf6e7&media=http%3A%2F%2Fmturner.org%2Fuserfiles%2Fdoku%2Fblock_zpscju9mjvp.png" class="media" title="http://mturner.org/userfiles/doku/block_zpscju9mjvp.png"><img src="/lib/exe/fetch.php?tok=fbf6e7&media=http%3A%2F%2Fmturner.org%2Fuserfiles%2Fdoku%2Fblock_zpscju9mjvp.png" class="mediacenter" loading="lazy" alt="" /></a> </p> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[Main Dialog Window of Design Tool] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="main_dialog_window_of_design_tool" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1538-1699" /><button type="submit" title="Main Dialog Window of Design Tool">Edit</button></div></form></div> <h2 class="sectionedit5" id="syntax_specification">Syntax Specification</h2> <div class="level2"> <pre class="code">/** * <block width:alignment:background-color,text-color;border;font-family/font-size> * text * </block> * width: percent of window size * alignment: number of pixels from left margin, (0 or 'c' centers block), 'r' floats right * border: CSS style: width type color * font-family: font name * font size: specify points or pixels * * Example: * <block 80:0:rgb(102, 51, 255);rgb(255, 255, 153);2px dashed rgb(255, 102, 255);Comic Sans MS /10pt> * * This creates a block 80% of page width,centered on page, background of block is rgb(102, 51, 255), * text-color is rgb(255, 255, 153); the box border is 2px wide, dashed, its color is rgb(255, 102, 255). * The font is 10pt Comic Sans MS. * * Only width and alignment are required. In this case, if alignment is 'c' or 'r', then you must follow it with a colon: 'c:' */</pre> <pre class="code">/** * Default: * <block 80:10:white;black;4px solid black;arial,sans-serif/10pt;>text</block> * width: 80% * alignment: 10 px from left * background-color: white * text-color: black * border: 4px solid black * font: 10pt Arial, Helvetica, sans-serif */</pre> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[Syntax Specification] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="syntax_specification" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1700-2884" /><button type="submit" title="Syntax Specification">Edit</button></div></form></div> <h3 class="sectionedit6" id="rounded_corners">Rounded Corners</h3> <div class="level3"> <p> For rounded corners the syntax adds the <code>rounded</code> parameter to the end of the parameter list: </p> <pre class="code"><block 80:0:white;black;4px solid black;arial,sans-serif/9pt;rounded></pre> <p> This option can be selected from the dialog. </p> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[Rounded Corners] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="rounded_corners" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="2885-3127" /><button type="submit" title="Rounded Corners">Edit</button></div></form></div> <h2 class="sectionedit7" id="configuration_options">Configuration Options</h2> <div class="level2"> <div class="table sectionedit8"><table class="inline"> <thead> <tr class="row0"> <th class="col0 leftalign"> Option </th><th class="col1 leftalign"> Description </th><th class="col2 leftalign"> Default </th><th class="col3 leftalign"> Notes </th> </tr> </thead> <tr class="row1"> <td class="col0 leftalign"> block_width </td><td class="col1 leftalign"> Block width </td><td class="col2 leftalign"> 80 </td><td class="col3 leftalign"> Number of pixels specified as integer </td> </tr> <tr class="row2"> <td class="col0 leftalign"> bg </td><td class="col1 leftalign"> Background color </td><td class="col2 leftalign"> white </td><td class="col3 leftalign"> Any valid css value </td> </tr> <tr class="row3"> <td class="col0 leftalign"> fg </td><td class="col1 leftalign"> Text Color </td><td class="col2 leftalign"> black </td><td class="col3 leftalign"> Any valid css value </td> </tr> <tr class="row4"> <td class="col0 leftalign"> border_color </td><td class="col1 leftalign"> Border color </td><td class="col2 leftalign"> black </td><td class="col3 leftalign"> Any valid css value </td> </tr> <tr class="row5"> <td class="col0 leftalign"> border_style </td><td class="col1 leftalign"> Border style </td><td class="col2 leftalign"> solid </td><td class="col3 leftalign"> Selected from drop-down menu </td> </tr> <tr class="row6"> <td class="col0 leftalign"> border_width </td><td class="col1 leftalign"> Border With </td><td class="col2 leftalign"> 4px </td><td class="col3 leftalign"> specified as pixels: <code><n>px</code> </td> </tr> <tr class="row7"> <td class="col0 leftalign"> font_family </td><td class="col1 leftalign"> Font or Font Family </td><td class="col2 leftalign"> Arial, Helvetica, sans-serif </td><td class="col3 leftalign"> Selected from drop-down menu </td> </tr> <tr class="row8"> <td class="col0 leftalign"> font_size </td><td class="col1 leftalign"> Text size in points </td><td class="col2 leftalign"> 10pt </td><td class="col3 leftalign"> Specified as <code>pt</code>, <code>px</code>, or <code>em</code> </td> </tr> <tr class="row9"> <td class="col0 leftalign"> block_align </td><td class="col1 leftalign"> Block Alignment </td><td class="col2 leftalign"> 10 </td><td class="col3 leftalign"> Either an integer representing number of pixels from left <sup><a href="#fn__1" id="fnt__1" class="fn_top">1)</a></sup>, or <code>c</code> for centered, or <code>r</code> for right aligned </td> </tr> </table></div> <div class="secedit editbutton_table editbutton_8"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><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="3163-5262" /><button type="submit" title="Table">Edit</button></div></form></div> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[Configuration Options] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="configuration_options" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="3128-5264" /><button type="submit" title="Configuration Options">Edit</button></div></form></div> <h2 class="sectionedit9" id="change_log">Change Log</h2> <div class="level2"> <ul class="rss"><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/417a1aaef5f1871a7c3bd477fa5fb71667dfedb0" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/417a1aaef5f1871a7c3bd477fa5fb71667dfedb0">upates version</a> (2021-01-23 17:55)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/1ceeb8dc2267c143413f0d592a2a0f0451fcc093" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/1ceeb8dc2267c143413f0d592a2a0f0451fcc093">updates version</a> (2021-01-23 17:53)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/bc462c34cbb14f7608cd85f14efb83d629542e89" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/bc462c34cbb14f7608cd85f14efb83d629542e89">fixes corrupted html when block is follwed by header</a> (2021-01-23 17:50)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/c8f8afb4fc198b5327083dbfd2f4724203a35a0e" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/c8f8afb4fc198b5327083dbfd2f4724203a35a0e">updates version</a> (2020-08-06 13:45)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/743ccf9e13bff29db04ee871d005bfe7e303558b" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/743ccf9e13bff29db04ee871d005bfe7e303558b">updates info.txt</a> (2019-03-27 21:33)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/c2e137b258db77a23b30c7bb42233bd3231ece6d" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/c2e137b258db77a23b30c7bb42233bd3231ece6d">Moves error message in ajax call from alert to console.log; an error …</a> (2019-03-27 21:30)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/3aadc43c9c958479d748fa78897a99e4c6498fb0" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/3aadc43c9c958479d748fa78897a99e4c6498fb0">update info</a> (2018-05-25 03:43)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/3f8db6aa4ddc6f85db02c08a176ef41d5021ccb2" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/3f8db6aa4ddc6f85db02c08a176ef41d5021ccb2">fixed undefined constant warning DOKUWIKI_STARTED in action.php</a> (2018-04-25 15:54)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/563ff71732a6aa06b596e287bb736f993d4cd0b6" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/563ff71732a6aa06b596e287bb736f993d4cd0b6">restores 0 alignment as centering</a> (2017-08-08 15:30)</div></li><li><div class="li"><a href="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/3030c7c4e8ac7d5950dd81d7662664a7bbd7d1c7" class="urlextern" title="https://github.com/turnermm/Block-Plugin-for-Dokuwiki/commit/3030c7c4e8ac7d5950dd81d7662664a7bbd7d1c7">Merge pull request #2 from turnermm/set_opts</a> (2017-08-08 14:45)</div></li></ul> </div> <div class="secedit editbutton_section editbutton_9"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[Change Log] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="change_log" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="5265-5385" /><button type="submit" title="Change Log">Edit</button></div></form></div> <h2 class="sectionedit10" id="faq">FAQ</h2> <div class="level2"> <p> The block plugin does not work with the ~~GOTO>[page]~~ syntax of the <a href="/plugin:goto" class="wikilink1" title="plugin:goto" data-wiki-id="plugin:goto">goto</a> plugin in the hogfather distribution and later. All other functions are OK. </p> </div> <div class="secedit editbutton_section editbutton_10"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[FAQ] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="faq" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="5386-5569" /><button type="submit" title="FAQ">Edit</button></div></form></div> <h2 class="sectionedit11" id="discussion">Discussion</h2> <div class="level2"> <p> I am having problem with heading used inside block as it swallows everything following. Input </p> <pre class="code"><block 100:0:#c7e1ff;black;0px solid black;;rounded> =====heading===== </block></pre> <p> produces </p> <pre class="code"><div class='blocks_round' style='border: 0px solid black; width:100%; padding:8px; margin: auto ; background-color:#c7e1ff; color: black; '> <h2 class="sectionedit4" id="heading">heading</h2> <div class="level2"> </div></pre> <p> Obviously one of the two <div>s is not terminated. I believe it is the second one <div class=“level2”>, because when not using heading inside the block, everything is ok. When adding a </div> after the block </p> <pre class="code"><html></div></html></pre> <p> it works fine (although cumbersome) except for the inserted (undesirable) vertical space. I guess that inserting one more </div> before the block is ended might help. But only in the case that a heading was used within the block. I am afraid that block is not really aware of what is inside. Would it be a solution to create the block_heading (or somethink like that) plugin which assumes that heading is used inside the block and which generates one more </div> before the end? Or more elegantly to add to the current block plugin one more argument, specifying how many </div>s (I believe one should be enough) are to be generated before the block end. </p> <p> Thanks for consideration <img src="/lib/images/smileys/smile.svg" class="icon smiley" alt=":-)" /> </p> <hr /> <p> I has an error when I clicked the menu button </p> <p> I had to change the line of the file “script.js”, from </p> <pre class="code"> var url = encodeURI('lib/plugins/block/exe/block.php');</pre> <p> to </p> <pre class="code"> var url = encodeURI('lib/plugins/block/exe/block.php?');</pre> <blockquote><div class="no"> Thank you. I've updated the plugin.</div></blockquote> <hr /> <p> How can I get two 'blocks' next to each other?<br/> Or some text and then a block to the right of it?<br/> Every time I try it, the block doesn't 'share' its line with anything else. Thanks </p> <blockquote><div class="no"> Try it with the wrap plugin</div></blockquote> <blockquote><div class="no"> <blockquote><div class="no"> Is there antother option except the wrap plugin? Because, when i try to use the wrap plugin, it doesn´t work.</div></blockquote> </div></blockquote> <p> Whenever I try to type in the box, Windows puts the text in the text Find (aka Search) box. Result is no text can go into the box. </p> <blockquote><div class="no"> <blockquote><div class="no"> Sorry I didn't see this eaarlier. But I can't reproduce this. The following page uses box throughout and from Windows: <a href="http://www.mturner.org/devel/doku.php" class="urlextern" title="http://www.mturner.org/devel/doku.php">http://www.mturner.org/devel/doku.php</a> — <a href="https://forum.dokuwiki.org/u/turnermm" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/turnermm">Myron Turner</a> <em>2015-10-06 01:53</em></div></blockquote> </div></blockquote> <hr /> <p> Is there any way to include the caption in a block with an image? </p> </div> <div class="secedit editbutton_section editbutton_11"><form class="button btn_secedit" method="post" action="/plugin:block"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1673249586" /><input type="hidden" name="summary" value="[Discussion] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="discussion" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="5570-" /><button type="submit" title="Discussion">Edit</button></div></form></div><div class="footnotes"> <div class="fn"><sup><a href="#fnt__1" id="fn__1" class="fn_bot">1)</a></sup> <div class="content"><code>0</code> will give you centered</div></div> </div>  </div> <div class="docInfo"><bdi>plugin/block.txt</bdi> · Last modified: <time datetime="2023-01-09T08:33:06+0100">2023-01-09 08:33</time> by <bdi>5.171.103.140</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:block?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:block?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:block?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%3Ablock&1743857308" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>

CINXE.COM

plugin:block [DokuWiki]