Initial value doesn't work

[kangruixiang]

Hi there. I tried to do a very simple test with initial value as follows. I'm using Svelte 5.33.3 and svelte-trix 0.0.5.

import { TrixEditor } from 'svelte-trix';
let trixTest = $state('<div>Test<div/>');

<TrixEditor bind:value={trixTest} />
{trixTest}

This is what I'm getting. I couldn't get the initial value to show up in the text box:

Editing inside the editor, however, changes the value immediately as intended:

Thank you

[kangruixiang]

I added pull request: #2.
In the trix documentation, to have initial value, you have to put value on "input" and not "trix-editor"

[bluepuma77]

Same, setting the initial value in editor does not work for me.

Prop value
Type string
A string of HTML generated by the editor. This is a bindable prop that can also be used to set the initial value in the editor.

I also expected this example to work, but the editor is empty on load.

<script lang='ts'>
  import { TrixEditor } from 'svelte-trix';

  let value = $state('<div>Initial text</div>');
</script>

<TrixEditor
  bind:value
/>

Also this does not work for the editor content:

<script lang="ts">
    import { onMount } from 'svelte';
    import { TrixEditor } from 'svelte-trix';

    let value = $state('<div>Initial text</div>');

    onMount(() => {
        console.log('onMount()');
        value = '<div>Initial onMount text</div>';
    });
</script>

<TrixEditor bind:value={value} />

<div>{value}</div>

[kangruixiang]

While waiting for response, you can use this work around. Under Editor.svelte, change

<input
		id="svelte-trix-hidden-input"
		type="hidden"
		name="content"
	/>

to

<input
		id="svelte-trix-hidden-input"
		type="hidden"
		bind:value
		name="content"
	/>

You have to bind value to input to make this work.

[gloverab]

Hey all.
@kangruixiang @bluepuma77

I just pushed an update and published it as 0.0.6. I had this on my local version but never made its way into the published package - sorry about that!

I'll leave this thread open in case there's another issue with this that I didn't foresee.

[gloverab]

Closing as the issue is solved!