jQuery代码预览插件runCode.js

所属分类:输入-自动完成

 32866  360  查看评论 (8)
分享到微信朋友圈
X
jQuery代码预览插件runCode.js ie兼容8

jquery.runCode.js

使用方法

依次引入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:

参数名默认值说明
watchfalse (boolean)是否监听修改,以便自动运行代码
width96% (string)弹窗宽度,单位%或px
height90% (string)弹窗高度,单位%或px

相关插件-自动完成

基于jQuery的分组(带组名输入联想和组数删减)

页面是源于一场王者荣耀大屏幕分组展示,带有组名输入的联想和组数删减
  自动完成
 18715  261

latex在线公式编辑器汉化版

方便教育行业管理、录入数学公式、化学公式、物理公式等常规编辑器不具备的编辑功能,此版本已经汉化,可以直接使用,功能简单强大,textarea区域可以替换成富文本编辑器,这里只简化为一个文本域,输出图片格式的公式。暂时只发这个版本,后续会考虑把和mathjax结合输出html结构的案例发上来。
  自动完成
 60192  331

jQuery内容查找高亮

支持中英文文本内容查找,不区分大小写支持跨标签内容查找支持追踪显示下一个。这个插件虽然简单不过网上仅此一份其他的查找都不可以支持跨标签查找内容并高亮
  自动完成
 25212  337

前端模拟自动检测功能

jQuery前端模拟自动检测功能插件AutoCheck.js
  自动完成
 28178  416

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    麦兜兜.^0^ 0
    2020/10/23 16:05:11
    你好,这个在vue里面怎么使用
        jie40380
        2020/10/23 16:12:52
        这个严重依赖jQuery,不适用于vue。
        麦兜兜.^0^0
        2020/10/23 16:22:49
        那有适应vue环境这类似插件推荐吗😫
    回复
    执笔问弦 0
    2019/5/27 1:39:57
    预览中的页面按写好的按钮点击没有效果 这个只能用于预览效果啊? 回复
    『夕』 0
    2019/5/24 15:03:21
    太良心了!良心中的良心!感谢分享!好人一生平安! 回复
    wujianmin 0
    2019/5/22 23:46:42
    “?? 0
    2018/5/21 10:33:58
    太良心了!良心中的良心!感谢分享!好人一生平安!
        jie40380
        2018/11/16 14:08:23
        客气了,这是我自用的,很高兴能帮上你。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复