livevar  是一款基于适用于badoucms的强大模板变量可视化编辑插件，它允许网站管理员直接在网站前台页面上点击和修改模板中的自定义变量，实现了“所见即所得”的编辑体验。

插件特点

1、后台可视化编辑

无需苦苦寻找变量，直接在网站的实际页面上对文本、链接、图片等自定义变量进行实时修改。

2、兼容函数处理

通过简单的HTML属性配置，即可支持对在模板中经过函数（如 date 格式化）处理的复杂标签进行编辑。

3、可控的编辑范围

提供“忽略标签”功能，可以灵活设置哪些变量不允许在前台编辑，确保网站结构和核心数据安全。

操作步骤

1、打开文件

app/index/controller/cms/Base.php

2、添加代码

// 判断session中有没有livevar标志
$t = $this->request->session('livevar');
if ($t && $t > time()) {
(new \modules\livevar\library\ViewAdapter([&$this->label, &$this->site, &$this->company]))->handle();
}

3、打开后台进行可视化编辑

4、修改变量值

5、修改图片

高级用法

在某些情况下，您可能会在模板中对自定义标签使用函数进行处理（例如，格式化日期）。默认情况下，livevar 插件可能无法正确识别和处理这些经过函数包装的标签。

为了解决这个问题，您可以按照以下步骤操作：

1、忽略标签

• 登录后台，进入 livevar 插件的 忽略标签 管理界面。

• 添加一个新的忽略规则，将您使用了函数的那个自定义标签名称（例如 testdate）添加进去。

2、修改模版文件

    在模板文件中，找到您使用了函数的自定义标签，并为其添加两个特殊的 bd- 属性：

• bd-edit-var: 这个属性的值应该和您在“忽略标签”中添加的标签名一致。

• bd-edit-text: 这个属性的值是该标签在 livevar 编辑界面中显示的友好名称。

  
  

示例

假设您有一个显示日期的标签，并在模板中使用了 date 函数来格式化它：

原始代码:

日期：{:date('Y-m-d', $bd.testdate)}

修改后的代码:

<span bd-edit-var="testdate" bd-edit-text="测试日期">日期：{:date('Y-m-d', $bd.testdate)}
通过以上操作，livevar 插件将能够正确识别这个被函数处理过的标签，并在前端编辑界面中提供“测试日期”的可视化编辑选项。