`

online editor

 
阅读更多

1.网站: http://notepad.cc

2.浏览器地址栏: data:text/html, <html contenteditable>

3.浏览器地址栏 代码:

data:text/html,
<style type="text/css">
#e {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  font-size:16px;
}
</style>
<div id="e"></div>
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
var myKey="SecretKeyz";
$(document).ready(function(){
    var e = ace.edit("e");
    var url = "http://api.openkeyval.org/"+myKey;
    $.ajax({
      url: url,
      dataType: "jsonp",
      success: function(data){
       e.setTheme("ace/theme/tomorrow_night_eighties");
       e.getSession().setMode("ace/mode/markdown");
       e.setValue(data);
      }
    });

    $("#e").on("keydown", function (b) {
      if (b.ctrlKey && 83 == b.which) {
        b.preventDefault();
        var data = myKey+"="+encodeURIComponent(e.getValue());
        $.ajax({
          data: data,
          url: "http://api.openkeyval.org/store/",
          dataType: "jsonp",
          success: function(data){
            alert("Saved.");
          }
        });
      }
    });
});
</script>
分享到:
评论

相关推荐

    ezoe_smilies:eZ Publish Online Editor 表情符号插件的存根

    【标题】"ezoe_smilies" 是一个针对 eZ Publish Online Editor 的表情符号插件,它的主要目的是增强编辑器的功能,让用户在编写内容时能够插入各种各样的表情符号,提高内容的表现力和互动性。 【描述】"Mugo 的 eZ...

    JSON Editor Online 2.3.4.zip

    JSON Editor Online是一个简单的,灵活的,可视化的JSON编辑器。在一个简洁的界面,它使您能够快速创建,查看、编辑和格式化你的JSON文件。 JSON Editor Online 2.3.4 更新日志:2013-11-19 - 对IE8的支持,清理...

    react-online-editor::pencil:简单的在线React编辑器

    前言近几年前端发展Swift,很多概念性的想法渐渐地变成了现实,比如前端微服务、Serverless 在前端的应用、在线IDE编码等,越来越多“工程”级别的项目选择使用 Web 浏览器作为宿主平台,前端发展可谓如日中天,本篇...

    html5_spreadsheet_editor_java_xlsb_excel_AsposeOnlineeditor_

    Aspose Online Editor是Aspose.Cells的一个组成部分,它提供了一个基于Web的界面,允许用户直接在浏览器中编辑Excel文件,而无需安装任何桌面应用。这个框架允许开发者集成到自己的Web应用中,以扩展其功能,例如...

    htaccess_Editor HTACCESS编辑器

    对于许多网站管理员和开发者来说,`htaccess_Editor`或`.htaccess Online Editor`成为了他们便捷管理`.htaccess`文件的强大工具。本文将深入探讨`.htaccess`文件的功能及其编辑器的应用。 首先,我们需要了解`....

    freemarker编辑器

    Freemarker是一个强大的模板引擎,常用于Web应用中的视图层渲染,比如Spring MVC框架就广泛使用了Freemarker作为其模板技术。本教程将基于提供的"freemarker编辑器"来详细介绍如何配置和使用Freemarker,以及它在...

    freemarker编辑插件

    Freemarker是一款强大的模板语言,常用于Web开发中的视图层渲染,特别是在Java环境中与Spring框架结合使用。它允许开发者将逻辑与展示分离,提高代码的可读性和维护性。在开发过程中,为了提高效率,我们可以使用...

    chromePDF | PDF Online Editor-crx插件

    语言:English 直接从您的浏览器或Google驱动器编辑和保存PDF文件。 快速轻松地在线编辑pdf文件。 具有许多选项的完整PDF在线编辑器。 在pdf上书写和绘图。 还要旋转,提取或删除pdf文件中的页面。...

    GA_PDFEditor_ZhEn_Online_Full_Bundle_v11.1.0.52543.exe

    GA_PDFEditor_ZhEn_Online_Full_Bundle_v11.1.0.52543.exe

    Online TextEditor sluke汉化版

    其中,sluke汉化版是基于Original Online TextEditor进行本地化改造的版本,更适应中文用户的使用习惯,对于初学者和专业开发者来说都是一个非常实用的工具。 sluke汉化版的主要特性: 1. **多语言支持**:经过...

    online-editor浜ゆ帴鏂囨。1

    在线编辑器,如标题"online-editor浜ゆ帴鏂囨。1"所示,是一种在Web环境下实现的工具,允许用户直接在浏览器中创建、编辑和协作处理文档。这种编辑器通常包括对多种文件格式的支持,如Word、Excel和PDF。在本文中,...

    chromePDF | PDF在线编辑器「chromePDF | PDF Online Editor」-crx插件

    编辑并保存PDF文件直接从您的浏览器或您的谷歌驱动器。 快速轻松地在线编辑pdf文件。具有许多选项的完整PDF在线编辑器。在pdf上书写和绘图。还要旋转,提取或删除pdf文件中的页面。您可以直接从GoogleDrive或Google...

    online-code-editor:开源在线代码编辑器-Source code editor

    例如,`online-code-editor-master`可能是一个这样的项目,它代表了在线代码编辑器的源代码主分支。 开源在线代码编辑器的一些核心特点包括: 1. **多语言支持**:编辑器通常支持各种编程语言,如JavaScript、...

    Minimalist-Online-Markdown-Editor, 这是最简单最漂亮的在线 Markdown 编辑器.zip

    Minimalist-Online-Markdown-Editor, 这是最简单最漂亮的在线 Markdown 编辑器 最小在线 Markdown 编辑器这是最简单的online online在线 Markdown 编辑器的源码,可以在线下载: http://markdown.pioul.fr只要写 ...

    Online Photo Editor - Image Editing Online-crx插件

    通过此扩展,您可以使用:-免费在线Photoshop-Photopea-Pixlr-Polarr-Fotor-PicMonkey-LunaPic-iPiccy-piZap-FotoJet-Editor.Pho.to-FotoFlexer-Collage Photo Maker-以及更多如果您想使用在线照片编辑器,请访问...

    .net版的在线编辑器FCkEditorDemo.rar

    虽然ONLINE EDITOR有许多,像CUTEEDITOR,FREETEXTBOX,RICHTEXTBOX等 CUTEEDITOR当然是无可非议的老大,可是昂贵的许可费用不说,且只能用于ASP.NET FREETEXTBOX功能比较少,而且兼容性不好 类似RICHTEXTBOX这种东东...

    Online-Code-Editor

    1. **初始化项目**:进入`Online-Code-Editor-Main`文件夹,这是项目所在的根目录。你可以通过`cd Online-Code-Editor-Main`命令来切换当前工作目录。 2. **安装依赖**:在项目根目录下,运行`npm install`命令。这...

    在线Excel查看器和编辑器「Online Excel Viewer And Editor」-crx插件

    在线打开和编辑Spreadsheets文件:XLS,XLSX,ODS,CSV和TSV。由Zoho:trade_mark:工作表支持。 使用上下文菜单选项打开指向...了解更多:https://browsernative.com/online-excel-viewer-editor/ 支持语言:English

    jsoneditor-1.7.0 jsoneditor.js中文提示版

    JSONEditor是一款强大的在线JSON编辑器,它为用户提供了一个直观、易用的界面来查看、编辑和格式化JSON数据。在1.7.0版本中,它包含了一个中文提示版,使得中文用户在使用过程中能够更好地理解和操作。JSONEditor的...

    online-markdown-editor.zip

    这是一个纯 JS/HTML 实现的 Markdown 编辑器,提供预览和语法着色功能。 标签:online

Global site tag (gtag.js) - Google Analytics