应用编辑

更新时间:
复制为 MD 格式

应用编辑是万小智·创意模式的可视化编辑器,您可以通过直观的操作界面对AI生成的网站进行自定义调整,包括编辑文本和图片、管理页面模块、配置页面信息和多语言设置等。

功能概览

功能

说明

编辑模式与预览模式

编辑模式下修改内容,预览模式下查看效果

元素

编辑模式下,按住元素,可对元素进行拖动

编辑文本

双击文本直接编辑,支持字体、字号、颜色等格式设置,支持AI生文

编辑图片

上传或使用AI生成图片,支持裁剪和样式调整

地图编辑

设置地图锚点信息

编辑列表

编辑文章列表和产品列表的内容和数据源

页面管理

新建和删除页面,配置页面名称、描述和关键词

进入应用编辑

等待 AI 生成应用完成后,单击顶部的 编辑 按钮。

截屏2026-03-25 10

进入编辑模式后,页面左侧为编辑工具栏,右侧为应用实时编辑区域。

拖动元素

页面中的文本、图片等均为元素。在编辑模式下,按住元素可对其进行拖动,调整元素的位置。

编辑文本

您可以通过两种方式修改文本:

  • 快速编辑:在画布中双击任意文本元素,即可直接进行内容输入和修改。

  • 详细配置:在画布中单击选中文本元素,左侧的 配置面板 将显示所有可用的样式和功能选项。

使用 AI 优化内容

当您需要润色文案、扩写内容或进行翻译时,可使用 AI 功能。

  1. 在画布中单击选中文本元素。

  2. 在左侧 配置面板 对话框中,直接输入您的具体要求。

    例如:“将这段文字改写得更专业,突出我们的技术优势”或“扩写这段内容”。
  3. AI 将根据您的要求生成新内容并替换原文。

image

设置文本样式

选中任意文本元素后,您可以在左侧 配置面板 中调整以下样式:

  • 字体:从预设的字体列表中选择。

  • 字号:调整文字的大小。

  • 基础样式:包括 加粗、倾斜、下划线、删除线

  • 布局:调整 行高 和 字间距

  • 颜色:设置 文本色 和 背景色

image

添加链接

  1. 选中需要添加链接的元素。

  2. 在左侧 配置面板 中,单击 链接 图标。

  3. 选择链接类型:

    • 外部链接:输入目标网站的完整 URL。

    • 页面链接:选择链接到您网站内部的另一个页面。

  4. 选择链接的打开方式:在 当前窗口 打开或在 新窗口 中打开。

image

编辑图片

在编辑模式下,您可以替换和调整网站中的图片。

  1. 在画布中单击需要编辑的图片元素。

  2. 在左侧 配置面板 中,您可以选择以下任一方式更新图片:

    • 素材中心:单击 素材管理,从您已有的图库素材中选择图片。

    • 本地上传:从本地上传新图片。

      说明

      限制:支持JPG、PNG、GIF、WebP格式,单张图片最大为 10 MB。

    • AI生图:在对话框中用自然语言描述您想要的图片内容和风格,AI 将为您生成并自动替换。

    image

  3. 图片更新后,如果需要调整显示区域,可单击 裁剪图片。拖动选框以确定裁剪范围,然后单击 应用

编辑列表内容

列表模块(如文章列表、产品列表)用于动态展示您在内容管理系统中发布的内容。此功能允许您指定列表具体展示哪些内容。

编辑列表文本和图片

列表中的文本和图片编辑方式与普通文本和图片相同:选中文本元素,直接编辑;单击图片可替换图片。

选择数据源

  1. 选中列表模块。

  2. 在左侧 配置面板 中,单击数据源

  3. 选择数据来源方式。

    • 直接选择:从所有的文章或产品中手动勾选要展示的内容。

    • 从分类中选择:先选择一个分类,然后从该分类下的内容中进行选择。

  4. 单击确认更换,列表将更新为所选内容。

说明

文章或产品列表目前仅支持按发布时间倒序展示,不支持自定义排序方式。

页面管理

管理网站的整体结构,包括创建新页面、删除旧页面以及配置每个页面的搜索引擎优化(SEO)信息。

新建页面

  1. 在编辑器顶部的页面管理面板中,单击 新建页面

    image

  2. 在弹出的对话框中配置页面信息:

    • 功能描述:详细描述您希望此页面包含的内容和功能。描述越详细,AI 生成的页面越符合预期。

      示例:创建一个“服务范围”页面,需要包含三个主要服务项目,每个项目都配有图标、标题和简短描述,页面底部需要一个引导用户联系我们的按钮。

管理页面TDK

TDK 指的是页面的 页面名称 (Title)功能描述 (Description) 和 关键词 (Keywords),它们对搜索引擎排名至关重要。

  • AI自动生成:新建页面时,AI 会根据您的功能描述自动生成初始 TDK。

  • 手动编辑:您可以在页面设置中随时手动修改 TDK。

    image

删除页面

在顶部页面管理面板中,找到要删除的页面,单击其旁边的 删除

重要

删除页面将同时删除该页面的所有语言版本。如需恢复,请前往历史版本页面操作。

保存、预览与发布

编辑模式与预览模式

编辑器提供两种工作模式,您可以通过顶部工具栏的按钮进行切换:

模式切换

  • 编辑模式:默认模式。在此模式下,您可以对页面进行所有修改操作。鼠标悬浮在元素上会显示蓝色边框,单击可选中并进行编辑。

  • 预览模式:只读模式。此模式模拟真实用户的访问体验,所有编辑控件会被隐藏,链接和交互效果可以正常点击。用于在发布前检查网站的最终效果。

保存与发布

  • 保存:编辑器中的修改操作将实时保存。

  • 发布:完成所有编辑后,单击顶部工具栏的 发布 按钮,即可将您所有的修改同步至线上。如需回滚到之前的线上版本,请使用 版本切换 功能。