不容错过的内嵌代码编辑器高亮代码-JSFIDDLE

所属分类:输入-通用输入

 18436  30  查看评论 (2)
不容错过的内嵌代码编辑器高亮代码-JSFIDDLE ie兼容6

如果你的网站需要展示某些源码:html、css、js。那么你可以选择我之前介绍的两款代码高亮插件:SYNTAXHIGHLIGHTER 或者 SNIPPET 不过今天我要给大家介绍另外一款工具,下面我来大致介绍一下这款工具的特点。
jsfiddle 实际上是一款在线的shell编辑器。可以供我们在线测试html、js、和css代码。也许有同学会说,随便找个下载到本地编辑器就可以完成这个需求,为什么非得要在线去测试呢?

其实 jsfiddle 不光可以供我们在线写代码。更重要的一个功能就是可以将我们写的任何代码连同这个框架引用到我们的页面中去,而在这个页面中,用户可以复制里面的代码,支持预览功能。jsfiddle 还集合了 SNIPPET 和 SYNTAXHIGHLIGHTER 的高亮功能,而且,整个css、html、js代码都聚集在一起,通过顶部的切换来显示指定的代码。而且,清新的界面相当好看,真的是不容错过。

使用方法

1、进入 jsfiddle 官网 :http://jsfiddle.net/
2、在编辑器中加入自己的代码。请将html、css、js代码写在指定的位置中,编辑框的右上角标明了类型。最后一个是预览框
3、代码编写完毕后,点击顶部的 “save” 菜单,保存代码。
alt=""/>
4、点击 “share” 分享按钮,我们就可以得到整个框架的链接:
alt=""/>
那么我们把第三个文本框里面的代码复制到自己页面中指定的位置,便可以显示高亮代码了。
赶快试试把!

相关插件-通用输入

jQuery Textarea全屏插件Textarea Fullscreen

Textarea Fullscreen是一个jquery插件大小只有5K,可以将textarea设置为全屏模式
  通用输入
 9040  12

漂亮的富文本编辑器WYSIWYG

接下来我要为大家介绍一款好看的富文本编辑器 wysiwyg 。先来看看官方对这款编辑器的相关功能描述吧。
  通用输入
 42650  40

解决IE下不支持placeholder属性

解决IE下不支持placeholder属性可以根据自己的需要去扩展.
  通用输入
 8962  52

KindEdit文本编辑器

一种小型轻便的编辑器 很方便实用
  通用输入
 16860  73

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    优狐-王巧0
    2016/5/9 15:05:18
    为什么下载不了????? 回复
    冷笑0
    2015/9/11 17:09:07

    怎么下载不了啊???

    回复
    hacker0
    2014/6/7 15:18:00

    无法下载问题,JSFIDDLE不需要下载。只用在代码中调用

     <iframe width="100%" height="300" src="地址" allowfullscreen="allowfullscreen" frameborder="0"></iframe>


    回复
取消回复
    PROMULGATOR

    插件王子

    火星