jquery.runCode.js

代码在线编辑预览插件

[demo地址]

步骤/steps:

1. 依次引入3个文件

    <link rel="stylesheet" href="./jquery.runCode.css">
    <script src="./jquery.min.js"></script>
    <script src="./jquery.runCode.js"></script>
   

2. 把目标代码块放入容器中，（建议用textarea），并取个样式类名或id，以供选择器查找

    <textarea class="playcode">
    	<h1>哈哈哈哈</h1>
    </textarea>
   

3. 调用方法

    $(".playcode").runCode();
   

可选参数/options:

参数名	默认值	说明
watch	false （boolean）	是否监听修改，以便自动运行代码
width	96% (string)	弹窗宽度，单位%或px
height	90% (string)	弹窗高度，单位%或px

[demo地址]