您网站的可视化编辑器 – 免费 & 开源

60 阅读1分钟

您的网站上有内容吗?是否曾希望可以直接在可视化界面中编辑,而无需深入代码?

Intlayer 可视化编辑器 是一个免费开源工具,允许您直接在界面中编辑网页应用的内容。

为什么选择 Intlayer 可视化编辑器?

  • 多语言支持 – 轻松管理多语言内容。
  • 兼容 Markdown – 适用于静态网站和开发者。
  • 支持外部文件 – 兼容 .md、.txt 等格式。
  • 开源 & 免费 – 可以自由修改和扩展。

立即试用: intlayer.org/playground

有问题或功能建议? GitHub 代码库

工作原理

该可视化编辑器包括:

  1. 前端应用 – 通过 iframe 加载您的网站,并检测可编辑内容。
  2. 服务器端进程 – 在保存更改后,更新您的内容声明文件(目前为 JSON 格式)。

安装 & 配置

在您的项目中配置 Intlayer 后,安装 intlayer-editor:

npm install intlayer-editor --save-dev

然后,配置 intlayer.config.ts 文件:

const config = {
  editor: {
    applicationURL: "http://localhost:3000",
  },
};
export default config;

使用编辑器

安装后,启动编辑器:

npx intlayer-editor start

然后,在浏览器中打开 http://localhost:8000,鼠标悬停在内容上,即可进行编辑!🎨

参与贡献!

该项目是 100% 开源 的!如果您想贡献代码、报告问题或建议新功能:

GitHub 代码库: github.com/aymericzip/…

期待您的想法和反馈!让我们一起让内容编辑变得更简单!