UECSS.COM

专注前端开发,关注用户体验,记录成长历程

Runcode插件

Runcode一款在WP上运行代码的插件,最近才启用,这篇文章试用这个插件,已安装启用可跳过。

在编辑器中插入如下代码:

<runcode width="400" height="100" size="12">
<div class="mod">第一个框中的文字</div>
        <div class="mod2">缩进后的第一个框中的文字</div>
<dl>
    <dt></dt>
    <dd></dd>
    <dd></dd>
</dl>
</runcode>

<runcode width="400" height="100" size="12">
<div class="mod">第一个框中的文字</div>
        <div class="mod2">缩进后的第一个框中的文字</div>
<dl>
    <dt></dt>
    <dd></dd>
    <dd></dd>
</dl>
</runcode>
//宽400,高100的代码运行框;
<runcode width="400" height="100" size="16">
<div class="mod">第二个框中的16px文字</div>
</runcode>
//宽400,高100的代码运行框,文字大小16px;
<runcode width="600" height="100" size="14">
<div>
     <script type="text/javascript">
           alert("这是一个600x100的代码运行框");
      </script>
</div>
</runcode>

插件地址:http://wordpress.org/extend/plugins/runcode-by-soncy/

5 thoughts on “Runcode插件

Leave a comment

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif