README

KnpRevealBundle

此包旨在通过将幻灯片保存在Markdown或HTML模板中来简化幻灯片维护。如果您幻灯片很少，您可能更愿意仅使用Reveal.js，但如果您有数百张幻灯片，这可能很有用。

Reveal.js是一个JavaScript库，用于通过巧妙的效果和功能给新观众留下深刻印象。

设置
用法

设置

只需将包添加到您的项目中

composer require knplabs/knp-reveal-bundle 'dev-master'

注册包

<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new Knp\RevealBundle\KnpRevealBundle(),
    );
    // ...
}

导出资源

app/console assets:install

用法

创建演示

只需使用SlideTrait添加新的控制器，并定义存储幻灯片的目录。

<?php

namespace Knp\AppBundle\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Knp\RevealBundle\Controller\SlideTrait;

class FooController extends Controller
{
    use SlideTrait;

    public function getSlidesDirectory()
    {
        return "@KnpAppBundle/Resources/views/Foo";
    }
}

相应的路由

knp_app_foo_slides:
    pattern:  /foo
    defaults: { _controller: KnpAppBundle:Foo:slides }

添加幻灯片

只需在演示模板目录中添加一些模板，例如@KnpAppBundle/Resources/views/Foo/01.title.html.twig

<section>
    <h1>My super Foobar presentation</h1>
    <h2>Offered to you by KNPLabs</h2>
</section>

Html辅助器

您可以扩展基本HTML幻灯片以使用各种辅助器。

{% extends 'KnpRevealBundle:Slide:slide.html.twig' %}

{% block content %}
    <h1>My super Foobar presentation</h1>
    <h2>Offered to you by KNPLabs</h2>
{% endblock %}

Markdown辅助器

同样，您可以扩展基本Markdown幻灯片。

{% extends 'KnpRevealBundle:Slide:slide.md.twig' %}

{% block content %}
# My super Foobar presentation

## Offered to you by KNPLabs
{% endblock %}

更多自定义

部分属性

如果您想设置部分的属性，如背景或过渡，请使用section_attributes块。

{% extends 'KnpRevealBundle:Slide:slide.md.twig' %}

{% block section_attributes %}
    data-background="{{ asset('/bundles/knpapp/fromnovicetoninja/images/002_edgar_city.png') }}"
    data-background-color="#ffe8e8"
    data-background-size="50%"
    data-background-position="bottom right"
    data-background-transition="slide"
{% endblock %}

{% block content %}
# My super Foobar presentation

## Offered to you by KNPLabs
{% endblock %}

使用reveal

了解reveal的最佳方式是查看reveal演示。

knplabs / knp-reveal-bundle

维护者

详细信息