HTML – 小众软件

Web Visual Editor – 实时可视化编辑 HTML 文件[VS Code 扩展]

青小蛙 — Tue, 26 Nov 2024 08:04:52 +0000

Web Visual Editor 是一款 VS Code 扩展，可以实时可视化编辑 HTML 文件。@Appinn

演示

特点

可视化编辑：在 WebView 中可视化编辑 HTML 元素。
实时预览：编辑时立即查看反映的更改。
与 Visual Studio Code 集成：无需额外的进程和窗口，并与 VSCode 主题良好集成。

功能

元素选择：轻松选择 HTML 元素。视觉选择与编辑器上的文本选择同步。反之亦然。
复制、剪切和粘贴元素：复制或剪切元素，将文本粘贴到所选元素中。
放大和缩小：放大和缩小页面。
脚本和链接管理：禁用脚本并管理链接以确保安全。
移动元素：拖动元素以重新排列其位置。

获取

原文：http://inloveinparis.com/web-visual-editor-for-vscode/

小众软件居然还有一个 VS Code 分类

HTML Preview – 一个适用于 GitHub & BitBucket 的 .HTML 预览工具

青小蛙 — Sun, 04 Jun 2023 04:54:18 +0000

GitHub & BitBucket HTML Preview 是一个简单的服务，它可以预览任何托管在 GitHub & BitBucket 平台的 HTML 文件，并且能够加载 CSS 样式。从而避免直接打开链接看到源代码。@Appinn

这是一款在测试 Awfice – 每款不到 1KB，世界上最小办公套件：文本编辑、表格、绘图、幻灯片、代码编辑器、计算器时发现的小项目，Awfice 就使用了这样的预览方式提供试一试服务

GitHub & BitBucket HTML Preview

以 Awfice 为例，它直接将那个简单的 1KB 代码放在 GitHub 仓库里，代码是这样的：

无论是直接访问 GitHub 的代码页面链接，还是 Raw 链接（Raw 按钮是 GitHub 提供的一个功能，可以在点击后直接显示该文件内容的文本格式，而不是显示整个文件的页面），都没办法以 HTML 的方式显示出来，但…这个 HTML Preview 就行。

只需要在对应的 .html 链接前面加上 https://htmlpreview.github.io/? 就行。

还是以 Awfice 的绘图为例，原始链接：

页面：https://github.com/zserge/awfice/blob/main/edit.html
Raw：https://raw.githubusercontent.com/zserge/awfice/main/edit.html

只需要在这两个链接前面加上 htmlpreview 即可：

你可以试试打开上面两个链接画画

获取

GitHub
官网（打开后输入 .html 链接即可预览）

原文：http://inloveinparis.com/github-bitbucket-html-preview/

如何将网页转换为 PDF，保存在本地备用？

青小蛙 — Tue, 14 Apr 2020 07:06:17 +0000

青小蛙遇到一个问题，一些网页上的资料，需要离线保存下来备用，但各类剪藏工具又不能很完整的抓取完整网页，于是想起能不能转换为 PDF 保存。@Appinn

注意，这是青小蛙搜索了大概7～8款在线工具之后，挑选了一款各方面比较符合需求的工具，低频使用、少量。但肯定不是最好的，如果你知道更好的工具，请留言告诉我们。

至于为什么需要保存到本地阅读，其实本来是想保存到 Onenote 里的，但效果非常糟糕，几乎不可读。而保存在本地，是因为近年来太多的内容变成了 404，当初的网络收藏夹已经变成了孤岛，除了收藏夹本身可用之外，大部分的链接都死掉了，这就十分尴尬。

然而，转换为 PDF 之后，青小蛙还是将 PDF 放在了 Onenote 里，毕竟带着方便

Pdfcrowd

Pdfcrowd 是一款在线的文档转换工具，支持将网页转换为 PDF 和图片，可以是 URL、HTML 文件，或者是 HTML 代码。

即开即用，使用默认配置即可，直接输入网址，点击 Convert 转换，就能直接下载或者在线阅读，非常方便。

不过转换后的 PDF 会在每一页的末尾添加一行小尾巴，对于个人是用来说无伤大雅，商业应用请谨慎。

示例

以下是使用《Zenkit To Do – 简洁的跨平台任务管理工具，一个奇妙清单的替代品》一文在 Pdfcrowd 转换为 PDF 后的效果，注意中间那个黑框是 PDF 分页，不是 bug。

有同样需求的同学可以试试看，Pdfcrowd 网站在这里：https://pdfcrowd.com/

另外，本文的重点是，你们有其他推荐的赶紧发过来。

AppStop – 一键生成 iOS 应用介绍页面[Web]

scavin — Sun, 19 Oct 2014 04:09:43 +0000

AppStop 是一个为开发者服务的，一键生成基于 App Store 信息的应用介绍页面，重新排版，突出应用、截图与介绍，让开发者更专注于应用，而无需为单独的介绍页面操心，支持导出 HTML。@Appinn

如果你是一个独立 iOS 应用开发者，除了开发应用，你还得为应用写一个主页用来想别人介绍、推荐自己。但是，我们不是已经有 App Store 内容了么？何不用这些内容重新排版一个合适的页面作为官方主页呢？

AppStop 专门干这个事情，只需在其首页输入你的应用 iTunes 地址（如 https://itunes.apple.com/cn/app/wikipedia-mobile/id324715238?mt=8 ），一键就生成了非常漂亮、简洁的节目，如这个页面

生成后的页面可以导入到 Github 得到 HTML 代码或者得到一个网页。

之后就可以保存为 html 并上传到你自己的主机中了。
相关链接: app-stop.appspot.com

[ 点击前往获取链接 ]

Tables Generator – 在线生成 LaTeX、HTML、Markdown 表格

scavin — Tue, 14 Jan 2014 01:10:20 +0000

Tables Generator 可以在线生成 LaTeX、HTML、Markdown 格式的表格代码，支持在表格中填充数据，修改字体/背景颜色，对齐方式等等。@Appinn

感谢 @肖传奇同学的推荐。

因为有着清晰明确的样式，表格在网络上的使用很频繁，而制作表格一般比较麻烦。而 Tables Generator 可以像 Excel 一样生成表格。

Tables Generator 支持四种格式：LaTeX、HTML、Markdown、TEXT，先在 Table > Set size 中设置表格大小，然后填充数据，设置格式，就能在页面下面找到代码了：

Tables Generator 还支持从 Excel、Google Docs 里直接复制粘贴数据，以及多个 HTML 表格样式。

相关链接: www.tablesgenerator.com

EDITS – 最好看的网络杂志

Thruth — Fri, 02 Mar 2012 12:59:24 +0000

南门二狗见过的网络杂志千千万万，还有 EXE 格式的”网络杂志”。可论翻阅感操作感美感和谐感，没见过什么比得上 EDITS —— 上下键盘翻页，心旷神怡，这尼玛才叫网络杂志！
@appinn

相关链接: 访问: EDITS | 来自小众软件

Screenfly – 测试网站在不同设备上的显示

Thruth — Thu, 17 Nov 2011 05:18:31 +0000

各种分辨率的屏幕是网络开发者的噩梦，Screenfly 测试网站在不同设备上的显示。由于不支持 CSS 设备识别，结果基本是坑爹的。但是仅分辨率测试用，够了。@appinn

相关链接: 官网 | 来自小众软件

[ 点击前往获取链接 ]

Adobe Muse – 零代码网站制作

Thruth — Mon, 14 Nov 2011 05:47:57 +0000

Adobe 是一个令人敬畏的公司，制作收购了一系列行业顶尖的软件 Adobe Acrobat, Dreamweaver, Fireworks, Flash, InDesign(原 PageMaker), Photoshop, Premier 等等等等，成为多媒体领域的霸主。梁丘二狗从第一次互联网泡沫开始就对该公司崇拜的五体投地。Adobe 实验室推出 Muse 项目后，二狗第一时间尝鲜，总的感觉是，梦回一九九八年。@appinn

Muse，缪斯，传说中的文艺女青年神。Adobe 发现除了程序员外的文艺青年们是如此痛恨计算机代码，以至于他们宁愿学习 Photoshop 都不愿学习 HTML。于是有了 Muse 项目，十分耳熟地宣称：不用写代码，也能做网站。

事实上，Muse 最大的受众是有传统出版物设计能力的人(俗称美工)。有了 Muse，可以用设计杂志的操作设计网页，InDesign 深度整合，创建网页交互变得十分直观简单。Muse 提供多种选项，自动生成符合网络标准的 HTML 代码。Muse支持最新的Web标准，比如HTML5 CSS3 神马的。

Muse 使用界面观感是风格明显的 Adobe 系软件，如果你 Photoshop/Indesign 玩的熟练，这玩意没什么难度。软件用项目的方式管理网站，从设计制作到发布，确实不用写任何代码。自然，如果你要求不高的话。

网站上也列举了好多 Muse 成品网站，专业美观。

只是二狗觉得这一切似曾相识，尤其之前有个软件叫 FrontPage，好像是制作 IE6 专用网页用的，初中还学过。值得一提，Muse 是 Adobe Air 的，目前测试期免费，以后可能钻入到 Adobe CS? 套装里面。

相关链接: 官网 | 来自小众软件

Mou – Markdown 语言编辑器 [Mac]

Thruth — Sun, 06 Nov 2011 21:31:42 +0000

Markdown 算是一门新兴语言，现在 7-8 岁了吧。它设计的初衷就是让写字的人专注于写字，用纯文本简单的符号标记格式，最后再通过工具转换成鬼畜的 HTML/XHTML。如果你玩过 wikipedia，基本是很类似的意思。具体语法参见这里。Mou 是 Mac 上的 Markdown 编辑器，两栏界面，直观清爽，功能简洁到位，会用的才知道。@appinn

相关链接: 官网 | | 来自小众软件

pdftohtml – 将PDF转化为HTML

socekin — Wed, 17 Aug 2011 22:09:51 +0000

pdftohtml 可以将 PDF 转化为 HTML ，便于嵌入网页中，并且可以提取 PDF 中的图片。 pdftohtml 是一款开源、跨平台软件，支持 linux , win , mac 等。 @Appinn

pdftohtml 没有 GUI 界面，需要在 CMD 中操作：

把 PDF 文件复制到软件目录中，在 CMD 中运行 pdftohtml xxx.pdf ，软件会自动转化 HTML 文件并提取 PDF 中的图片

P.S. pdftohtml 对中文支持不是很友好，英文文档可以顺利转换。

相关链接:(206.9 KB): | 官方网站 | 来自小众软件

HTML – 小众软件

Web Visual Editor – 实时可视化编辑 HTML 文件[VS Code 扩展]

演示

特点

功能

获取

相关阅读

HTML Preview – 一个适用于 GitHub & BitBucket 的 .HTML 预览工具

GitHub & BitBucket HTML Preview

获取

相关阅读

如何将网页转换为 PDF，保存在本地备用？

Pdfcrowd

示例

相关阅读

AppStop – 一键生成 iOS 应用介绍页面[Web]

Tables Generator – 在线生成 LaTeX、HTML、Markdown 表格

相关阅读

EDITS – 最好看的网络杂志

相关阅读

Screenfly – 测试网站在不同设备上的显示

Adobe Muse – 零代码网站制作

相关阅读

Mou – Markdown 语言编辑器 [Mac]

相关阅读

pdftohtml – 将PDF转化为HTML

相关阅读