Разбор уценки внутри svelte компонента

Question

Пожалуйста, извините, если это наивный вопрос. Я хотел бы проанализировать уценку внутри компонента Svelte, что-то вроде

<script>
  --- import some markdownLibrary ---
  export let text; // text is a markdown param
</script>

markdownLibrary.render({text})

Я не могу использовать markdown-it или отмеченные как require isn ' t доступно.

Я чувствую, что мне не хватает большей картины здесь. Каков «стройный» способ сделать это? Любой указатель поможет.

Answer 1

Использовать разметку в Svelte просто, но вы должны помнить, что многие библиотеки разметки ожидают найти узел / требуют js et c, поэтому вы должны правильно настроить свой упаковщик, чтобы учесть это.

Чтобы просто использовать уценку в Svelte, выберите из коробки библиотеку, которая поддерживает современные JavaScript:

<script>
  import snarkdown from 'snarkdown'

  let md = `
    # Hello

    ## How are you?

    This text is _bold_
  `
</script>

<div>
{@html snarkdown(md)}
</div>

Answer 2

пользуюсь пометкой. Я играю в систему, назначая переменную, которую svelte может видеть отмеченной.

<script>
  let _marked = marked

  let md = `
    # Hello

    ## How are you?

    This text is _bold_
  `
</script>

<div>
{@html _marked(md)}
</div>