如何使用html创建快捷码

时间:2018-07-26 作者:shanky

我想为以下HTML内容创建一个快捷码:

我想用它打印不同的警报或消息

HTML代码

<div class="notify"><span class="symbol icon-fact"></span> <strong>THIS IS TITLE !</strong>
MY HTML CONTENT HERE
</div>
理想的文本编辑器打印

[st_highlight mstyle="notify"  ICON="symbol icon-star" title="THIS IS TITLE" ]
MY HTML CONTENT HERE
[/st_highlight]

enter image description here

使用短代码后,我可以在文本编辑器上手动更改div ,icon and title 使用css类,例如,当我通过短代码输入like below时

[st_highlight mstyle="notify_red"  ICON="symbol icon-question_marks" title="" ]
    MY HTML CONTENT HERE
    [/st_highlight]

enter image description here

最后,我可以用不同的css类生成不同的样式,我尝试在wordpress文本编辑器上使用下面的html目录,但不支持某些标记,这就是为什么我想创建基于快捷码的样式可编辑警报或消息代码

<div class="notify"><span class="symbol icon-star"></span> <strong>THIS IS TITLE</strong>

<ul>BELOW ARE ONLY SAMPLE HTML CONTENT 
<li>WHATEVER CONTENT</li>
<li>WHATEVER CONTENT</li>
<li>WHATEVER CONTENT</li>
<li>WHATEVER CONTENT</li>
</ul>
</div>

1 个回复
SO网友:Trilok

请使用以下代码

 function html_show($atts) {

   $makearr =  explode(",",$atts[\'content\']);
   if(isset($makearr) && !empty($makearr)) { 
   foreach($makearr as $arrval){
    $stringli .= \'<li>\'. $arrval.\'</li>\';
   }
   } else {
   $stringli = \'\';
   }  
    $htmlcode = \'<div class="notify"><span class="symbol icon-fact"></span> <strong>A kind of a notice box !</strong><ul>\'.$stringli.\'</ul>
</div>\';
    return $htmlcode;
}
add_shortcode( \'htmltag\', \'html_show\' );


  /*******Using method*******/
echo do_shortcode(\'[htmltag content="message1,message2,message3,message4"]\'); 

结束

相关推荐

Shortcode with foreach

我不能对foreach使用shortcode。它给了我语法错误。我错在哪里?function create_galeri_shortcode($atts) { $atts = shortcode_atts( array( ), $atts, \'galeri\' ); if ( has_post_format( \'gallery\' )) { $images = get_post_