Как включить и использовать tinymce в компоненте svelte? - PullRequest
Новая
       14

Как включить и использовать tinymce в компоненте svelte?

0 голосов
/ 24 июня 2019

Я хочу включить внешний компонент rtf в мое приложение svelte.

Я попытался добавить tinymce, используя cdn в template.htm, а затем создать следующий компонент svelte. Редактор отрисовывает, однако я не могу получить данные в или из редактора. 

<script>
  import { onMount, tick } from 'svelte'
  export let label = ''
  export let value = ''

  $: console.log('value', value)

  onMount(() => {
    tinymce.init({
      selector: '#tiny',
    })
  })
</script>

<p>
  <label class="w3-text-grey">{label}</label>
  <textarea id="tiny" bind:value />
</p>

1 Ответ

0 голосов
/ 25 июня 2019

Вы можете использовать метод get, а затем метод getContent, чтобы получить содержимое из редактора.

Пример ( CodeSandbox ) 

<script>
  import { onMount } from "svelte";

  onMount(() => {
    tinymce.init({
      selector: "#tiny"
    });
  });

  function alertContent() {
    alert(tinymce.get("tiny").getContent());
  }
</script>

<textarea id="tiny" />
<button on:click={alertContent}>Alert content</button>
...