代码在线编辑预览插件
-
依次引入3个文件
<link rel="stylesheet" href="./jquery.runCode.css"> <script src="./jquery.min.js"></script> <script src="./jquery.runCode.js"></script> -
把目标代码块放入容器中，（建议用textarea），并取个样式类名或id，以供选择器查找
<textarea class="playcode"> <h1>哈哈哈哈</h1> </textarea> -
调用方法
$(".playcode").runCode();
| 参数名 | 默认值 | 说明 |
|---|---|---|
| watch | false （boolean） | 是否监听修改，以便自动运行代码 |
| width | 96% (string) | 弹窗宽度，单位%或px |
| height | 90% (string) | 弹窗高度，单位%或px |