Having trouble using fetch API to load ASP.NET MVC partial view which includes Quill rich-text editors

Question

I am trying to use fetch to load a partial view which includes several Quill containers. Using Fetch, the Quill editors are not rendered. There is no comparable problem using jQuery's load method.

The Fetch call looks something like the following, found with Google:

async function loadPartialView(url, container) {
    await fetch(url)
        .then(response => response.text())
        .then(html => {
            document.getElementById(container).innerHTML = html;
        })
        .catch(error => {
            console.error('Error fetching PartialView:', error);
        });
}

The code for the Quill editors is loaded from the partial view.

XouDo · Accepted Answer · 2025-03-20 16:33:36Z

0

You need to initialize the Quill containers in the fetch method after the PartialView is loaded into the DOM. With jQuery.load, I had been initializing Quill in the PartialView.

Google's AI Overview gave me the answer:

fetch('/your-partial-view-url')
      .then(response => response.text())
      .then(html => {
        document.getElementById('your-container').innerHTML = html;
        initializeQuill();
      })
      .catch(error => console.error('Error fetching partial view:', error));

edited Mar 20 at 16:33

XouDo

1,0441 gold badge14 silver badges22 bronze badges

answered Mar 19 at 2:00

Momenee

337 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Having trouble using fetch API to load ASP.NET MVC partial view which includes Quill rich-text editors

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related