在线编辑预览js/html/css代码插件
jquery.runCode.js
代码在线编辑预览插件
[demo地址]
步骤/steps:依次引入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();
可选参数/options:
参数名 | 默认值 | 说明 |
---|---|---|
watch | false (boolean) | 是否监听修改,以便自动运行代码 |
width | 96% (string) | 弹窗宽度,单位%或px |
height | 90% (string) | 弹窗高度,单位%或px |
[demo地址]
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。