Flutter Web Scraping

Question

this is my code

Future getWebsiteData(int i,int j) async {
    int bgChapterNum = i;
    int bgShlokaNum = j;
    Finalurl = getAudioUrlString(bgChapterNum, bgShlokaNum)!;
    print(Finalurl);
    final url=Uri.parse(getUrlString(bgChapterNum, bgShlokaNum)!);
    final response= await http.get(url);
    dom.Document html=dom.Document.html(response.body);
    final ttle=html
        .querySelectorAll(' #content >div ')
        .map((e) => e.text)
        .map((e) => e.replaceAll('<br>', '\n'))
        .toString();
    String? title=extractData(ttle, "(", "Devanagari");
    String? Devanagri = extractData(ttle, "Devanagari", " Text");
    String? Text = extractData(ttle, "Text", " Synonyms");
    String? Synonyms = extractData(ttle, "Synonyms", " Translation");
    String? Translation = extractData(ttle, "Translation", " Purport");
    String? Purport = extractData(ttle, "Purport", " )");
    print(title);
    setState(() {
      articles=List.generate(ttle.length,
              (index) => Article(
            titles: title?.replaceAll("  ", "").replaceAll("\n", ""),
            devnagri: Devanagri?.replaceAll("  ", "").replaceAll("\n", "").replaceAll(" ।", "।\n"),
            verse_text: Text?.replaceAll("  ", "").replaceAll("\n", ""),
            translation_title: Synonyms?.replaceAll("  ", "").replaceAll("\n", ""),
            translation: Translation?.replaceAll("  ", "").replaceAll("\n", ""),
            // purput_tile: purpot_title,
            purpot: Purport?.replaceAll("  ", "").replaceAll("\n", ""),
          ));
    });
  }

want the following output for devanagri धृतराष्ट्र उवाच \n धर्मक्षेत्रे कुरुक्षेत्रे समवेता युयुत्सव: । \n मामका: पाण्डवाश्चैव किमकुर्वत सञ्जय ॥ १ ॥ but got the following धृतराष्ट्र उवाधर्मक्षेत्रे कुरुक्षेत्रे समवेता युयुत्सव: । \n मामका: पाण्डवाश्चैव किमकुर्वत सञ्जय ॥ १ ॥