元素编辑
当用户在页面上选中某个元素时, 该元素所允许的编辑选项会自动弹出
![](/doc/inline-editor/zh-el-menu.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
这些编辑选项是可以自定义扩展的, 目前系统内置了以下编辑方式
编辑: 把当前元素转换为行内编辑状态, 见下图
行内样式: 修改当前元素的常规CSS样式值
颜色: 该元素相关的CSS颜色定义
图片: 如果该元素是一张图片, 可以点击更换图片
后台编辑: 如果该元素的内容是由后台动态数据生成, 那可以在当前位置打开后台编辑界面
以下是操作截图
编辑
选中后, 该元素会转换成可编辑的状态, 用户可以修改成任意值
![](/doc/inline-editor/zh-el-inline.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
行内样式
可视化的常见的CSS样式定义
![](/doc/inline-editor/zh-el-inline-style.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
颜色
该元素所用到的CSS样式中包含颜色定义的规则
![](/doc/inline-editor/zh-el-color.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
图片
对当前选中的图片元素进行更换, 点击图片可以进先更换
![](/doc/inline-editor/zh-el-image.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
后台编辑
直接打开后台CMS的页面编辑该元素
![](/doc/inline-editor/zh-el-cms.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)