无前后端,彻底无服务的网页版办公套件

这是一个彻底无服务,易于分享的网页软件形式,它所有的内容都集中在Url数据中,所见即所得,不需要网络和注册安装,同时适配全平台,用户还能随时修改逻辑,没有的服务器成本。下面逐一分享给大家(https://github.com/zserge/awfice),直接将代码复制到浏览器中即可访问。

文本编辑器

一个简单的富文本编辑器。输入任何你想要的,它不会被保存在任何地方,但它可能对快速一次性笔记很方便。您应该能够使用 Ctrl+B 和 Ctrl+I 将文本选择标记为粗体或斜体。撤消/重做也应该有效。您还可以从其他来源复制/粘贴文本和图像。

复制并添加到书签或在 URL 栏中打开:

 
  
data:text/html;base64,PGh0bWwgY29udGVudGVkaXRhYmxlPmVkaXQgbWU8L2h0bWw+

不使用base64,更简约的代码如下:

 
  
data:text/html;,

双屏对照版:

 
  
data:text/html;text,

代码编辑器

一个简单的代码编辑器。您可以输入 HTML、css 和 Javascript。

复制并添加到书签或在 URL 栏中打开:

 
  
data:text/html,

计算器

一个简单的计算器,支持基本运算符号计算。

复制并添加到书签或在 URL 栏中打开:

 
  
data:text/html,

电子表格

带有数学公式的非常基本的电子表格。它有 100 行和 26 列 (A..Z)。如果单元格中的值以“=”开头,则将其计算为公式。

您可以参考其他单元格值,即“=(A10+A11)/A12”。在引擎盖下它使用 eval(),所以要小心。

复制并添加到书签或在 URL 栏中打开:

 
  
data:text/html,

绘图应用程序

没有什么比用鼠标在空白画布上绘图更简单的了。也适用于触摸屏。为了保存你的结果......好吧,也许做一个截图......

复制并添加到书签或在 URL 栏中打开:

data:text/html,

幻灯片

只是带有一些热键的富文本编辑器的幻灯片。有 50 张空白幻灯片供您使用(我希望您不需要用更多的幻灯片来让您的观众感到厌烦)。

每张幻灯片都是一个富文本编辑器,但有一些热键可以使样式更好:

  • Ctrl+Alt+1:页眉

  • Ctrl+Alt+2:普通样式

  • Ctrl+Alt+3:左对齐

  • Ctrl+Alt+4:居中对齐

  • Ctrl+Alt+5:右对齐

  • Ctrl+Alt+6:减少缩进

  • Ctrl+Alt+7:缩进

  • Ctrl+Alt+8:制作列表

复制并添加到书签或在 URL 栏中打开:

data:text/html,