[BUG]: Advanced Setup not working

[sarvasvkulpati]

I can't seem to get the advanced setup running. The toolbar never shows up and the wordcounter example never works.

• I followed the advanced setup tutorial, but nothing was working. The extensions didn't run.
• after that didn't work for a while, I even downloaded the editor-web folder from the github repo, replaced mine with it, and used the repos AdvancedRichText example. This also didn't work (Screenshot attached)

at this point I think I'm probably doing something silly. Let me know if there's other information I can share.

[bambie1]

Experiencing a similar issue with a fresh expo project. See repo here https://github.com/bambie1/test-rich-text

• CounterBridge not working
• Toolbar is shown, but disabled

@17Amir17 any ideas what I could be doing wrong?

[victoriashih]

I also struggled to get the advanced setup working based on the example. I did eventually get it working by making the "bridges" in AdvancedEditor match the "bridgeExtensions" in AdvancedRichText

export const AdvancedEditor = () => {
  const editor = useTenTap({
    bridges: [SpoilerBridge, ...TenTapStartKit], // Add our custom spoiler bridge
  });

  return (
    <EditorContent
      editor={editor}
      className={window.dynamicHeight ? "dynamic-height" : undefined}
    />
  );
};

export const RichTextEditor = ({
  initialContent: initialContent,
  onChange,
}: RichTextEditorProps) => {
  const editor = useEditorBridge({
    customSource: editorHtml, // Custom web editor implementation (advanced setup)
    autofocus: true, 
    initialContent: initialContent,
    bridgeExtensions: [SpoilerBridge, ...TenTapStartKit], // Add our custom spoiler bridge
    avoidIosKeyboard: true, 
    onChange: () => {
      console.log("[RichTextEditor] Content changed");
      editor.getHTML().then((html) => {
        console.log("[RichTextEditor] New content:", html);
        onChange?.(html);
      });
    },
  });

[17Amir17]

Hey guys,
Since a bunch of people are having a hard time setting this up - I will create an example repo with this 👍

[bambie1]

thanks @victoriashih. Your suggestion helped, and I got it working now 🎉

I changed AdvancedEditor.tsx here: bambie1/test-rich-text@34b3d68

[17Amir17]

https://github.com/10play/10TapAdvancedExample

Will update this in the docs