README

这个包的目标是什么？

将自定义功能导入sulu，在这个例子中，是一个自定义内容类型。
此包将导入来自react-switch npm 包的自定义切换功能。

转到您的 assets/admin 文件夹，并安装 react-switch npm 包 npm install react-switch。
使用以下命令行在您的项目中下载包
composer require sevengroupfrance/sulu-custom-toggle-bundle.
在 config/bundles.php 中添加以下代码
SevenGroupFrance\SuluCustomToggleBundle\CustomToggleBundle::class => ['all' => true].
在 assets/admin/package.json 中，在 "dependencies" 对象中添加以下行
"sulu-custom-toggle-bundle": "file:node_modules/@sulu/vendor/sevengroupfrance/sulu-custom-toggle-bundle/src/Resources/js".
在 assets/admin 中，执行 npm install 以初始化包的符号链接目录。
在 assets/admin/index.js 中添加此行
import 'sulu-custom-toggle-bundle'.
在 assets/admin 中，执行 npm run watch 或 npm run build

有关进一步定制，请参阅官方页面

安装完成后，要使用此新内容类型，您必须创建一个类型为 custom_toggle 的新属性。

<property name="desc" type="custom_toggle">
  <meta>
    <title lang="en">Text / description</title>
  </meta>
</property>

您可以使用此切换来在您的前端应用中显示/隐藏元素，就像正常的 Sulu 切换一样，但您也可以在后台办公室切换元素，这样后台办公室就不会太乱。

为此，您需要在您的 xml 配置文件中创建具有 name 的属性，该 name 是 custom_toggle 属性的名称，下划线 _ 和您想要的任何内容

<property name="desc_text" type="text_editor">
  <meta>
      <title lang="en">Text field</title>
  </meta>
</property>

注意将属性正确放置在 custom_toggle 类型属性之后。