Digilent Infobox插件

Dokuwiki的Digilent Infobox插件为在Dokuwiki中创建信息框提供了易于使用的语法。

安装


克隆从github在< dokuwiki > / lib /插件/digilentinfobox

语法


使用Digilent Infobox插件:

{{Digilent Infobox |}}


以a开始每一行|(pipe)字符和下列项之一:

标题

在信息框的顶部设置标题。

| Title = 
         <p><br><br></p>
         <p><strong>头</strong></p>
         <p>插入完整的行标题。</p>
         <pre class="code">| Header = <Header Text</pre>
         <p><br><br></p>
         <p><strong>完整的行</strong></p>
         <p>插入整行。行中允许使用基本的wiki语法。</p>
         <pre class="code">| Full Row = <Wiki Markup></pre>
         <p><br><br></p>
         <p><strong>名称=值</strong></p>
         <p>插入两个列名值对。</p>
         <pre class="code">| <名称> = <值></pre>
         <p><br><br></p>
         <p><strong>子弹</strong></p>
         <p>插入以项目符号开始的完整行。</p>
         <pre class="code">| Bullet = <Bullet Text</pre>
         <p><br><br></p>
        </div>
        <h3 class="sectionedit4" id="examples">例子</h3>
        <div class="level3">
         <hr>
         <p>
          <!--Infobox--></p>
         <div class="infobox digilent-infobox">
          <div class="infobox-table">
           <div class="infobox-title">
            例子标题</div>
           <div class="infobox-subtitle"></div>
           <div class="section">
            <div class="full-row">
             例全部行</div>
           </div>
           <div class="section">
            <div class="section-header">
             示例头1</div>
            <div class="key-value">
             <div class="key">
              的名字</div>
             <div class="value">
              价值</div>
            </div>
            <div class="key-value">
             <div class="key">
              名称2</div>
             <div class="value">
              值2</div>
            </div>
            <div class="key-value">
             <div class="key">
              名称3</div>
             <div class="value">
              <a href="//www.knowreader.com/reference/software/dokuwiki/infobox" class="wikilink2" title="链接的例子" rel="nofollow">链接的例子</a>
             </div>
            </div>
           </div>
           <div class="section">
            <div class="section-header">
             头2</div>
            <div class="bullet-row">
             <ul class="bullet-ul">
              <li class="bullet-li">一些项目符号文本</li>
             </ul>
            </div>
            <div class="bullet-row">
             <ul class="bullet-ul">
              <li class="bullet-li">以列表形式</li>
             </ul>
            </div>
           </div>
          </div>
         </div>
         <!--End Infobox-->
         <p></p>
         <pre class="code">{{Digilent Infobox标题| | Title =例子完整行=例子完整行|头=例子头1 |名称=值|名称2 =值2 |名称3 =[[# |链接示例]]|头=头2 |子弹=一些项目符号文本| =以列表形式}}</pre>
        </div>
        <!-- wikipage stop -->
       </div>
      </div>
      <!-- /content -->
      <!-- ********** ASIDE ********** -->
      <aside id="dokuwiki__aside" class="col-sm-3 col-sm-pull-9"></aside>
      <!-- /aside -->
     </section>
     <!-- /wrapper -->
     <!-- ********** FOOTER ********** -->
    </div>
   </div>
   <!-- /site -->
   <div class="container-fluid footer">
    <div class="container">
     <div class="row footer-links">
      <div class="footer-info-col col-xs-12 col-sm-6 col-md-2">
       <h5 class="footer-info-heading"><a href="//www.knowreader.com/company/">公司</a></h5>
       <ul>
        <li><a href="//www.knowreader.com/company/">关于我们</a></li>
        <li><a href="//www.knowreader.com/company/">常见问题</a></li>
        <li><a href="//www.knowreader.com/shipping-returns/">航运和回报</a></li>
        <li><a href="//www.knowreader.com/company/">工作</a></li>
        <li><a href="//www.knowreader.com/legal-privacy/">法律和隐私</a></li>
       </ul>
      </div>
      <div class="footer-info-col col-xs-12 col-sm-6 col-md-2">
       <h5 class="footer-info-heading"><a href="//www.knowreader.com/news/">新闻</a></h5>
       <ul>
        <li><a href="//www.knowreader.com/blog/">博客</a></li>
        <li><a href="//www.knowreader.com/news/">通讯</a></li>
        <li><a href="//www.knowreader.com/news/">事件</a></li>
       </ul>
      </div>
      <div class="footer-info-col col-xs-12 col-sm-6 col-md-2">
       <h5 class="footer-info-heading"><a href="//www.knowreader.com/affiliations/">从属关系</a></h5>
       <ul>
        <li><a href="//www.knowreader.com/affiliations/">的经销商列表</a></li>
        <li><a href="//www.knowreader.com/affiliations/">技术合作伙伴</a></li>
       </ul>
      </div>
      <div class="footer-info-col col-xs-12 col-sm-6 col-md-4">
       <h5 class="footer-info-heading">订阅我们的时事通讯</h5>
       <p>获取最新的新产品和即将到来的销售</p>
       <div id="mauticform_wrapper_digilentnewsletterbigcommerceform" class="mauticform_wrapper">
        <form autocomplete="false" role="form" method="post" action="https://mautic.digilentinc.com/form/submit?formId=66" id="mauticform_digilentnewsletterbigcommerceform" data-mautic-form="digilentnewsletterbigcommerceform" enctype="multipart/form-data">
         <div class="mauticform-error" id="mauticform_digilentnewsletterbigcommerceform_error"></div>
         <div class="mauticform-message" id="mauticform_digilentnewsletterbigcommerceform_message"></div>
         <div class="mauticform-innerform">
          <div class="mauticform-page-wrapper mauticform-page-1" data-mautic-form-page="1">
           <div id="mauticform_digilentnewsletterbigcommerceform_email" data-validate="email" data-validation-type="email" class="mauticform-row mauticform-email mauticform-field-1 mauticform-required">
            <input id="mauticform_input_digilentnewsletterbigcommerceform_email" name="mauticform[email]" value="" placeholder="Your email address" class="mauticform-input" type="email">
            <span class="mauticform-errormsg" style="display: none;">这是必需的。</span>
           </div>
           <input id="mauticform_input_digilentnewsletterbigcommerceform_location" name="mauticform[location]" value="页脚" class="mauticform-hidden" type="hidden">
           <input id="mauticform_input_digilentnewsletterbigcommerceform_referrer" name="mauticform[referrer]" value="" class="mauticform-hidden" type="hidden">
           <input id="mauticform_input_digilentnewsletterbigcommerceform_page" name="mauticform[page]" value="" class="mauticform-hidden" type="hidden">
           <div id="mauticform_digilentnewsletterbigcommerceform_captcha" style="display: none;" class="mauticform-row mauticform-text mauticform-field-5">
            <label id="mauticform_label_digilentnewsletterbigcommerceform_captcha" for="mauticform_input_digilentnewsletterbigcommerceform_captcha" class="mauticform-label">验证码</label>
            <input id="mauticform_input_digilentnewsletterbigcommerceform_captcha" name="mauticform[captcha]" value="" class="mauticform-input" type="text">
            <span class="mauticform-errormsg" style="display: none;"></span>
           </div>
           <div id="mauticform_digilentnewsletterbigcommerceform_hidden" style="margin: 0;" class="mauticform-row mauticform-freehtml mauticform-field-6">
            <h3 id="mauticform_label_digilentnewsletterbigcommerceform_hidden" for="mauticform_input_digilentnewsletterbigcommerceform_hidden" style="display: none;" class="mauticform-label">隐藏的</h3>
            <div id="mauticform_input_digilentnewsletterbigcommerceform_hidden" name="mauticform[hidden]" value="" style="display: none;" class="mauticform-freehtml"></div>
           </div>
           <div id="mauticform_digilentnewsletterbigcommerceform_submit" style="text-align: center;" class="mauticform-row mauticform-button-wrapper mauticform-field-7">
            <button type="submit" name="mauticform[submit]" id="mauticform_input_digilentnewsletterbigcommerceform_submit" value="" style="width: 100%; line-height: 1rem; background-color: #62a744; border-radius: 4px; color: white; font-size: 14px; font-weight: normal;" class="mauticform-button">提交</button>
           </div>
          </div>
         </div>
         <input type="hidden" name="mauticform[formId]" id="mauticform_digilentnewsletterbigcommerceform_id" value="66">
         <input type="hidden" name="mauticform[return]" id="mauticform_digilentnewsletterbigcommerceform_return" value="">
         <input type="hidden" name="mauticform[formName]" id="mauticform_digilentnewsletterbigcommerceform_name" value="digilentnewsletterbigcommerceform">
        </form>
       </div>
      </div>
      <div class="footer-info-col col-xs-12 col-sm-6 col-md-2">
       <h5 class="footer-info-heading">联系我们</h5>
       <ul id="contact-us-links">
        <li><a href="//www.knowreader.com/support/">支持渠道</a></li>
       </ul>
       <address>Digilent<br>康涅狄格州亨利东北1300号套房3<br>铂尔曼,佤邦99163<br>美利坚合众国</address>
      </div>
      <div class="footer-info-col col-xs-12 social">
       <ul class="socialLinks">
        <li class="socialLinks-item"><a href="http://twitter.com/DigilentInc" target="_blank" rel="noopener"><i class="fa fa-twitter"></i></a></li>
        <li class="socialLinks-item"><a href="http://facebook.com/Digilent" target="_blank" rel="noopener"><i class="fa fa-facebook"></i></a></li>
        <li class="socialLinks-item"><a href="https://www.youtube.com/user/DigilentInc" target="_blank" rel="noopener"><i class="fa fa-youtube"></i></a></li>
        <li class="socialLinks-item"><a href="https://github.com/digilent" target="_blank" rel="noopener"><i class="fa fa-github"></i></a></li>
        <li class="socialLinks-item"><a href="https://instagram.com/digilentinc" target="_blank" rel="noopener"><i class="fa fa-instagram"></i></a></li>
        <li class="socialLinks-item"><a href="https://www.linkedin.com/company/1454013" target="_blank" rel="noopener"><i class="fa fa-linkedin"></i></a></li>
        <li class="socialLinks-item"><a href="https://www.flickr.com/photos/127815101@N07" target="_blank" rel="noopener"><i class="fa fa-flickr"></i></a></li>
       </ul>
      </div>
     </div>
    </div>
   </div>
   <div class="no">
    <img src="//www.knowreader.com/reference/lib/exe/indexer.php?id=software%3Adokuwiki%3Ainfobox%3Astart&1637051777" width="2" height="1" alt="">
   </div>
   <!--[if ( IE 6 | IE 7 | IE 8 ) ]></div><![endif]-->
   <!-- Mautic -->
   <!-- Lucky Orange -->
  </div>
 <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value="">  <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value="">  <input type="submit" id="sogou_submit" value="搜 狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body>
</html>