定制 iqdev/mail.mjml 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

iqdev/mail.mjml

最新稳定版本:1.1.1

Composer 安装命令:

composer require iqdev/mail.mjml

包简介

Module for generating emails from components

README 文档

README

Mjml шаблонизатор https://documentation.mjml.io

Использование со сторонними рендерами твига

Если на проекте подключен иной обработчик твиг-шаблонов, то необходимо выключить регистрацию обработчика модуля. Необходимо перейти в настройки модуля и отключить свойство "Подключать обработчик шаблонов twig".

В нужном объекте twig зарегистрировать расширение, получив его через метод \Mail\Mjml\Mjml\Service\ExtensionService::compileTwigExtension

В перечень обрабатываемых файлов twig добавить расширение mjml.twig

$arCustomTemplateEngines['twig'] = [
    'templateExt' => ['mjml.twig', 'twig'],
];

Использование

В шаблоне письма выбрать режим "Визуальный редактор" и подключить компонент. Например:

$APPLICATION->IncludeComponent(
    'iqdev:mail.test', 
    '',
    [
        'username' => ['Иван', 'Петр']
    ]
);

При использовании компонентов в шаблоне использовать файл template с расширением mjml.twig

Файл должен начинаться с тега `{% apply mjml_to_html %} и заканчиваться{% endapply %}`

Например

{% apply mjml_to_html %}
    <mjml>
        <mj-body>
            <mj-section>
                <mj-column>
                    <mj-text>Hello {{ username }}</mj-text>
                </mj-column>
            </mj-section>
        </mj-body>
    </mjml>
{% endapply %}

Twig в шаблоне

В шаблоне помимо синтаксиса mjml можно использовать конструкции twig Например, цикл:

<mj-column>
    {% for user in username %}
        <mj-text>Hello {{ user }}</mj-text>
    {% endfor %}
</mj-column>

Параметры компонента для передачи в шаблон

В шаблон template.mjml.twig будут переданы данные из `arResult['TEMPLATE_DATA']`

统计信息

  • 总下载量: 187
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 2
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 0
  • Forks: 0
  • 开发语言: PHP

其他信息

  • 授权协议: proprietary
  • 更新时间: 2023-01-09

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固