目次

DokuWiki Wrap Plugin の使い方

特定のコンテンツに対し、クラスを指定しつつ div タグや span タグでラップしてくれるプラグイン。

https://www.dokuwiki.org/plugin:wrap

それぞれ変換される.

上述の wrap_ という クラスのプレフィクスを削除したい場合は、管理画面のサイト設定から指定クラスの場合はプレフィクスを付けない設定が可能.

コード

<WRAP row>
<WRAP col-sm-6>
Sample Text Left
</WRAP>
 
<WRAP col-sm-6>
Sample Text Right
</WRAP>
</WRAP>

実装１

Sample Text Left

Sample Text Right

実装２

<WRAP> のネストも可能な様だが、以下のケースの場合は上手く行かず.右に寄ってしまう.

<html>
<!– <style>
aside .nav ul, .dw__dropdown_page .nav ul { 

padding-left: 0;
margin-left: -10px;

}
.nav-stacked > li { 

margin-top: 7px;
margin-bottom: 7px;
margin-left: 0;

}
</style> –>
</html>

<html>
<script async src=“https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=“adsbygoogle” 

   style="display:block"
   data-ad-format="fluid"
   data-ad-layout-key="-fb+5w+4e-db+86"
   data-ad-client="ca-pub-1602643700049884"
   data-ad-slot="5544636808"></ins>

<script> 

   (adsbygoogle = window.adsbygoogle || []).push({});

</script>
</html>

DOKUWIKI

Bootstrap3 Template

<html>
<style>
aside .nav ul, .dw__dropdown_page .nav ul { 

padding-left: 0;
margin-left: -10px;

}
.nav-stacked > li { 

margin-top: 7px;
margin-bottom: 7px;
margin-left: 0;

}
</style>
</html>

<html>
<script async src=“https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=“adsbygoogle” 

   style="display:block"
   data-ad-format="fluid"
   data-ad-layout-key="-fb+5w+4e-db+86"
   data-ad-client="ca-pub-1602643700049884"
   data-ad-slot="5544636808"></ins>

<script> 

   (adsbygoogle = window.adsbygoogle || []).push({});

</script>
</html>

Vue.js v2.x

Vue.js v3.x

Form Components
Container Components
List Components
Other Components