I have to set all json contetn expand all i think it can set in ne

How i can use this in svelte ? <div class="highlight highlight-source-svelte notra

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

add expandAll In properties about svelte-jsoneditor HOT 4 CLOSED

josdejong commented on August 24, 2024

add expandAll In properties

from svelte-jsoneditor.

Comments (4)

josdejong commented on August 24, 2024

The editor exposes a method .expand([callback: (path: Path) => boolean]) which can be used to expand/collapse part of or all of the document. Does that solve your issue?

from svelte-jsoneditor.

nrot commented on August 24, 2024

How i can use this in svelte ?

<script>
  // @ts-nocheck

  import { JSONEditor } from "svelte-jsoneditor";

  export let index;
  export let timestampt;
  export let data;

  let content = {
    text: undefined,
    json: data,
  };

  let mainMenuBar = false;
  let navigationBar = false;
  let readOnly = true;
  let mode = "code";

  function expand(c) {
    console.log(c)
    return true;
  }
</script>

<div class="d-flex w-100 gap-3">
  <div>{timestampt}</div>
  <JSONEditor bind:content bind:mainMenuBar bind:readOnly bind:mode on:expand={(c)=>expand(c)}/>
</div>

<style>
</style>

from svelte-jsoneditor.

josdejong commented on August 24, 2024

@nrot you can create a reference to the editor and call the method there, like:

<script>
  // @ts-nocheck

  import { JSONEditor } from "svelte-jsoneditor";

  export let index;
  export let timestampt;
  export let data;

  let refJsonEditor;

  let content = {
    text: undefined,
    json: data,
  };

  let mainMenuBar = false;
  let navigationBar = false;
  let readOnly = true;
  let mode = "code";

  function expandAll() {
    refJsonEditor.expand(() => true)
  }
</script>

<div class="d-flex w-100 gap-3">
  <div>{timestampt}</div>
  <JSONEditor 
    bind:this={refJsonEditor} 
    bind:content 
    bind:mainMenuBar 
    bind:readOnly bind:mode
   />
</div>

<style>
</style>