一个很好用的在线编辑、展示、分享、交流JavaScript 代码的平台

在发表博客时,有一些代码只能粘贴进去,而不能看到代码运行的效果,需要读者把代码粘贴进自己的编辑器,然后再运行看效果,这是一件很耗时的事情

在平时百度的时候,我发现一些网站可以在线预览功能,而且可以在线修改代码查看效果,非常的炫丽,可以非常直观的看到代码的运行效果

我也想这样展示给别人我做的功能,所以我找到了一个平台 ---- runjs

网址:http://runjs.cn/

非常好用!!!

如果不知道怎么使用,右侧有很问题帮助

点击编辑器,就可以编写代码,在线看效果啦

runJS还提供了很多常用的插件和框架,在需要引入的地方,选择插件或者框架的版本即可

还可以上传需要的资源文件,在需要引入资源文件时,将资源文件拖入需要引入的地方,就会出现一个网址,这个网址就是你所上传的资源的网址,在引入时,将路径设置为这个网址即可

还可以分享代码

这样在我们写博客时,只需要把这个网址粘贴时去,读者就可以通过这个链接很直观的看到效果了

很高大上哦!

如果对您有帮助,记得点赞哦!需要你的支持与鼓励,同时也欢迎您留下宝贵意见!

原文地址:https://www.cnblogs.com/-lizi/p/8134970.html

时间: 2024-10-21 21:47:36

一个很好用的在线编辑、展示、分享、交流JavaScript 代码的平台的相关文章

eclipse编辑jsp文件和javascript代码很卡解决办法

1.Window -> Preference -> General -> Editors -> Text Editors -> HyperLinking -> 在用Ctrl键控制的HyperLinking Style Nevigation列表下, 取消勾选与JPS或Javascript有关的选项 2.关闭eclipse 对于js的自动提示,避免eclipse响应缓慢和崩溃 Windows -->Preference -->JavaScript -->E

RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码

发现一个很好玩,很强大的网站 RunJS - 在线编辑.展示.分享.交流你的 JavaScript 代码   http://runjs.cn/ 比如: http://runjs.cn/detail/lp6rqcsr 或者: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>登录</title> <

Node.js 切近实战(九) 之Excel在线(在线编辑)

最近实在是太想去西藏了,我自己总是喜欢人少的旅游地,喜欢一望无垠,喜欢蓝天白云大草原. 之前有一节我给大家讲过文件列表,如下,今天我们要讲的就是Excel在线编辑. 当我们双击文件图标的时候会跳转到一个Excel修改界面,如下. ok,这里我们使用的依然是Telerik Kendo UI中的SpreadSheet,看一下这个Spread Sheet是如何用的. 我们定义一个spreadsheet的div,我们看一下这个div怎么生成sheet. $("#spreadsheet").ke

99行Swift完成Markdown在线编辑服务器

本项目展示了如何使用Perfect HTTP服务器.Perfect Markdown渲染组件和Perfect WebSocket搭建一个在线的Markdown文本编辑器.全部源代码可以在https://github.com/PerfectExamples/Perfect-Markdown-Editor直接下载 请确保您的系统已经安装了Swift 3.1工具链. 完整教学视频 关于本案例完整的教学视频请参考这里:99行Swift完成Markdown在线编辑服务器 快速上手 请使用下列bash命令下

小讲堂:在线编辑在Mobox文档管理软件中的意义

今天我们来讨论一下,mobox文档管理软件中的在线编辑的这个功能,相信这个功能是用户在日常的文档维护中非常需要的. 文档管理软件的诸多功能中,在线编辑是一块很重要的功能点,因为在线编辑可以说是提高工作效率的最主要的功能点,没有之一. 很多文档是需要及时更新,做内容的增加或者删减,如果下载修改再上传,这是一个很繁琐的过程.所以在线编辑是一个非常必要的提高工作效率的功能. Mobox文档管理软件的在线编辑分为三个部分:个人网盘,协同区,单位部门文档柜. 在个人网盘中,选择文件双击,则该文件下载并被打

Office word excel电子表格在线编辑的实现方法

Office xp之后的版本支持通过webdav协议(http的扩展)直接编辑服务器上的文件. IIS(6.0)支持webdav,这在IIS管理器的web服务扩展中可以看到.利用IIS作为webdav的服务器端,可以很容易的实现office word,excel在线编辑. 可以简单的实验一下: 确保IIS的webdav扩展安装并被启用了,建立一个虚拟目录test,在其中放一个word文档a.doc,然后打开word, 文件->打开->输入word文档的访问url(http://localhos

Office无法在线编辑原因

DsoFramer 是微软提供的专门用来第三方播放编辑office文件的插件 分别有三个文件 AxInterop.DSOFramer.dll,Interop.DSOFramer.dll,dsoframer.ocx三个文件 安装dsoframer 1)将dsoframer.ocx copy 到 windows\SysWOW64 目录下,此目录为32位控件所在的目录,system32 目录是64位控件所在目录: 2)由于win7把权限控制的很严格,因此在开始->运行行栏输入"cmd"

在线编辑流程图怎样操作,分享适合新手使用的流程图软件工具

流程图在生活,工作,学习中都是高频出现的,不管时代怎样变,流程图的作用都不会变,那什么是流程图请添加链接描述呢?怎样制作流程图呢?下面我来为大家讲解一下. 什么是流程图?流程图是对过程算法的一种图像表示,可以将复杂的工作题目的解题方法用简洁的流程图绘出来,这样可以更直观的看清问题所在.它也被称为"输出图"可以是生产线亦或者是完成一项任务的过程. 流程图元素含义是什么?不同的元素符号在流程图中代表不同的含义,严谨的工作可以让我们很容易区分出来,如下图表所示. 画流程图有什么作用?一张简明

在线编辑流程图网站分享

有时候会因为电脑的原因不能办公这时就要专业到别的电脑中进行操作,但是这时新的电脑里面什么软件都没有需要自己载,但有些软件是必须的有些却是偶尔使用到,这时不需要下载软件,有很多在线网站都可以实现,那就拿绘制流程图来说,怎样利用在线网站绘制流程图呢?操作方法如下所示. 推荐理由: 这是一个在线编辑流程图的在线网站,在线网站的好处就是可以不用下载软件可以直接在线编辑使用,并且操作简单很容易上手. 工具/原料: 迅捷画图,能上网的电脑并带有浏览器 操作方法介绍: 1.这个在线网站可以跟着自己的想法进行绘