您的网站上有内容吗?是否曾希望可以直接在可视化界面中编辑,而无需深入代码?
Intlayer 可视化编辑器 是一个免费开源工具,允许您直接在界面中编辑网页应用的内容。
为什么选择 Intlayer 可视化编辑器?
- 多语言支持 – 轻松管理多语言内容。
- 兼容 Markdown – 适用于静态网站和开发者。
- 支持外部文件 – 兼容 .md、.txt 等格式。
- 开源 & 免费 – 可以自由修改和扩展。
立即试用: intlayer.org/playground
有问题或功能建议? GitHub 代码库
工作原理
该可视化编辑器包括:
- 前端应用 – 通过 iframe 加载您的网站,并检测可编辑内容。
- 服务器端进程 – 在保存更改后,更新您的内容声明文件(目前为 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/…
期待您的想法和反馈!让我们一起让内容编辑变得更简单!