Блог

Главная - Вопросы по программированию - Reveal.js фрагмент уценки

Reveal.js фрагмент уценки

#javascript #markdown #reveal.js #presentation

#javascript #markdown #reveal.js #презентация

Вопрос:

Я создаю презентацию Reveal.js и использую markdown ее для ее написания.

Рассмотрим раздел, подобный

 <section data-markdown>
    <script type="text/template">
        ## Title

        > A little quote with some `code`
    </script>
</section>

Я бы хотел > Quote , чтобы он стал фрагментом и появлялся при щелчке мыши.
Если я просто использую <!-- .element: class="fragment" --> , как указано в reveal.js документации, code фрагментом становится только часть.

Как я могу сделать так, чтобы весь > A little quote with some code абзац стал фрагментом?

Комментарии:

1. У меня та же проблема: в моем случае программное обеспечение считает , что фрагмент — это выделенное курсивом слово в списке маркеров. Я предполагаю, что он присваивает вложенному отформатированному элементу статус «фрагмент».

2. Возможно ли, что это была ошибка, и она была исправлена? Когда я пытаюсь это <!-- .element: class="fragment" --> сделать, я не получаю поведение, о котором вы говорите. Тем не менее, я использую плагин revealjs markdown в VSCode, и есть причудливое поведение, связанное с этим вопросом, поэтому я опубликую ответ.

Ответ №1:

Я использую VSCode-reveal (расширение для VSCode), которое позволяет мне создавать файлы markdown и генерирует обертку Reveal. Для фрагментов существует синтаксис сокращений {.fragment} .

Это странно, когда применяется форматирование markdown, поскольку оно имеет тенденцию «прилипать» к ближайшему элементу. Например, я могу получить проблему, которую вы описываете, если я сделаю это:

 ## Title

> A little quote with some `code`{.fragment}

Но если я оставляю пробел после 'code' части, это дает желаемое поведение, вероятно, потому, что оно применяется к элементу цитаты, а не к элементу в формате кода:

 ## Title

> A little quote with some `code` {.fragment}

Однако, используя <!-- .element: class="fragment" --> I, я не смог воспроизвести вашу проблему. Я подозреваю, что это разница в версиях reveal.