在线编辑预览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、网站不提供资料下载,如需下载请到原作者页面进行下载。