网站编辑器中代码组件的变量配置规范有哪些？

基本用法

在代码中使用 $[变量名] 引用变量，页面渲染时会自动替换为对应的值。

在 JS 中使用

变量替换后为纯字符串，在 JS 中需用引号包裹，并根据实际情况做类型转换（以下为常见示例，请结合具体场景灵活调整）：

// 字符串：用引号包裹 var title = "$[标题]";  // 数字：用 Number() 转换 var count = Number("$[数量]");  // 布尔（开关）：与字符串比较 var show = "$[是否显示]" === "1";  // 颜色：直接作为字符串使用 el.style.color = "$[主题色]";

变量类型

变量设置 vs 设置

变量设置（开发者）：定义变量名、类型和默认值。

设置（用户）：修改变量的实际值，不可更改变量名和类型。

注意事项

1、变量名不能包含空格，建议使用英文；

2、修改后需点击"保存"才会生效；

3、删除变量后对应的 $[变量名] 不会被替换；

4、在 JS 中使用变量时必须用引号包裹，否则替换后会产生语法错误。