Unable to open document from Syncfusion.DocIO.DLS.WordDocument stream

[Sam]

I have my razor page with this component:

<Div ElementId="DelegationTextModal">

    @* @((MarkupString)this.Model.Content) *@

    @if (!string.IsNullOrEmpty(this.streamedDocText))

    {

        <DocumentEditor @ref="this.delegationTextEditor"

        StreamText="@this.streamedDocText"

        EnableToolbar="true"

        IsReadOnly="false"

        ShowPropertiesPane="false"

        />

    }

</Div>

And my  DocumentEditor.razor ​page:

@if (!string.IsNullOrEmpty(StreamText))

{

    <SfDocumentEditorContainer @ref="container"

        RestrictEditing="this.IsReadOnly"

        LayoutType="Syncfusion.Blazor.DocumentEditor.LayoutType.Pages"

        EnableToolbar="this.EnableToolbar"

        ShowPropertiesPane="this.ShowPropertiesPane"

        Height="100%"

        Width="100%">

        <DocumentEditorContainerEvents Created="OnLoad"></DocumentEditorContainerEvents>

    </SfDocumentEditorContainer>

}

@code {

    #region Champs

    [Parameter]

    public bool IsReadOnly { get; set; } = false;

    [Parameter]

    public bool EnableToolbar { get; set; } = true;

    [Parameter]

    public bool ShowPropertiesPane { get; set; } = true;

    [Parameter]

    public string StreamText { get; set; } = default!;

    private SfDocumentEditorContainer container = default!;

    private string sfdtString = default!;

    private Guid documentName = Guid.NewGuid();

    #endregion Champs

    protected override async Task OnInitializedAsync()

    {

        if (!string.IsNullOrEmpty(StreamText))

        {

            //await this.LoadDocument(StreamText);

        }

        await base.OnInitializedAsync();

    }

    protected override async Task OnParametersSetAsync()

    {

        await base.OnParametersSetAsync();

    }

    public async Task OnLoad(object args)

    {

        SfDocumentEditor documentEditor = container.DocumentEditor;

        await this.LoadDocument(this.StreamText);

        await this.container.DocumentEditor.Editor.InsertTextAsync("Document editor");

        Console.WriteLine($"Fit to page!");

        await this.container.DocumentEditor.FitPageAsync(PageFitType.FitPageWidth);

    }

    private async Task OpenDocumentAsync()

    {

        if (!string.IsNullOrEmpty(this.StreamText) && this.container.DocumentEditor != null)

        {

            Console.WriteLine($"JSON string: {this.sfdtString}");

            await this.container.DocumentEditor.OpenAsync(this.sfdtString);

            await this.container.DocumentEditor.Selection.SelectAllAsync();

            Console.WriteLine($"Document text: {await this.container.DocumentEditor.Selection.GetTextAsync()}");

        }

        await Task.CompletedTask;

    }

    public async Task ForceLoadNewDoc(string text)

    {

        await this.LoadDocument(text);

    }

    private async Task LoadDocument(string dbText)

    {

        MemoryStream stream = new MemoryStream(Convert.FromBase64String(dbText));

        using (var wordDocument = new Syncfusion.DocIO.DLS.WordDocument(stream, Syncfusion.DocIO.FormatType.Docx))

        {

            // Serialize WordDocument to JSON

            WordDocument document = WordDocument.Load(wordDocument);

            this.sfdtString = JsonSerializer.Serialize(document);

            await OpenDocumentAsync();

        }

    }

    /// <summary>

    /// Download document

    /// </summary>

    /// <param name="args"></param>

    public void OnExport(object args)

    {

        SfDocumentEditor documentEditor = this.container.DocumentEditor;

        documentEditor.SaveAsync(this.documentName.ToString(), FormatType.Docx);

    }

    /// <summary>

    /// Print document

    /// </summary>

    /// <param name="args"></param>

    public void Print(object args)

    {

        SfDocumentEditor documentEditor = this.container.DocumentEditor;

        documentEditor.PrintAsync();

    }

}

As you can see, I'm using  Syncfusion.DocIO.DLS.WordDocument ​for my stream because in my database, the stream is saved from a previous  Syncfusion.DocIO.DLS.WordDocument ​instance.

I'm sure the stream is correct because I can access the text and change it in other razor pages using  Syncfusion.DocIO.DLS.WordDocument, ​but I can't seem to be able to get it working on Word Processor. I can see that a Json is forming in my console but then all I get is a blank page:



Also just a note, when my Word Processor UI is formed, the "new" and "open" buttons from the menu don't work they are like empty buttons.

[Balamurugan Shanmugam]

Hi Sam,

Based on the information, you shared the SFDT as an image. We tried to extract sfdt text from the image. But we lose some of the formatting issues with the structure of SFDT. So, could you please share the SFDT content in a text file? It could be helpful to replicate the mentioned issue. Thereby, we will analyze further and provide you with the appropriate solution at the earliest.

Regards,

Balamurugan S

[Sam]

Hey Balamurugan,

Thank you for your reply.
I don't believe that's the problem, although I will send you the SDFT. Even if I try this nothing happens:

await this.container.DocumentEditor.Editor.InsertTextAsync("Document editor");

In all cases, that's the SDFT that was created in my code:

JSON string: {"sfdt":"UEsDBBQAAAAIAHqTb1eucgdBUg8AAMF8AAAEAAAAc2ZkdOwd227jxvVXBurDJoBWIHWXiz5obe2l8dqG7TUQJItiJI6k8fKiDIfe9QYGguSxQIsi6Q1ogLxllaJtgAToS/pSoT+SbVO0KZBf6DlnSImyZK+9a+/SCfUgkjOHwzOH5z6H5LuFYKSlJx+Lnb6jCytaRaJYCEWvsPLWu4Uu/ff6hRXat4sFWVixioWI/kNNmy6nTT98DBBV2AHwwp70e5LtcD8sQAuMVviRRb+bNwsE25UJNO4dg+/zxaa+WGzzjzceFQsjwtaVPmGl4m0/3nZD2nCzcUOalBvPRHM6fPDQN1vXND/s0WHXUSENrekf9st1OPehocXQbEa0Gfo4PiCjBmeH1aOzw3bPgcPwrKBHR3R/4Y7D/As/GwruSH/wk2FpsO8MHiHFuw8MRQjTXt8c9IhMcPIzzrMRQrtwbmGts9651d69s7nB1jpsa/Pe3uad7R0GkBfPa12ZnHJJLHd0Hyc2Rfw4ltZSLGNsrEsTAOTlCjCVEWG9n9y3cqtRagBt7HLZalgVu1wDIJd6HeQGnA1xQXpWGZ6PXS1VWvir281axSo3KsfmU5ybfbPUIOhypWHVrVq1cTp0pbRAHqMPrJxKF0Al+zQq2T80KiXacU+6rohUl/u+SOnEZxLumKa7ePrNFPjbOpt4ZROrNfF2ZFlta4Xt6Ml4NORwX29tt+9tbXS2j9m8LOCdS+t5pHVdMDubbCfUHF52VvBi+5H0Wdmym9mkW67czqXcpBI9DfaKqcl4IAOfu+z2oaN45Mp3IsF2t7JlwzLmsVGgWm42ZyHqiZ77C2uwOYCKfQ6nbTGseUXGICYXze0lE6zcskp1DCvrtlWp2bX6C1E3EZ924hq0XfFIhuxGe23zznruFVwkI2TEU1gdij5zvn7v93wg/J7IqlaUmclhnF03vuw7/NyaNDvEzQopc1pdSFolMxY6o7RKlPBmd19otsJOSEF3NthdaO1sd7B5p72xC/+d1Xvbd2CnfY/tbrf32pm3z7ngvIjg5LTKc7fPq17uBn4oIRguZtW7yzn9inE6rULbx9is4zOPs3ci7ko9GTNHsFkaZjtJw5Sg2eVsJ+jJyRjBdjZvddps+/bmRud6e32rs8OcwNfMFSyUkycD2AAod5kINbToCE6ZfML27qyvd+5t32hvbHTYa/WWbVmvs6/f+5BVqmw7Eqzt60D6gm0p6XHNpAf/SvYidzIWjEdse3UHEVx/E0xtGEQhXs//++eVatWEvpVamVWrzSLbF+wA+3uB35eiyIQPx1qJuXn25oMobHLhCCbIu64MQ+EJmJKZ4zqY9A5CpCbOzMRxzoA1c64FasB9GQrFwC8AWEcqOYAjHBWGouuOXN7D2RD6BiclwhHIOu9KQq2Uy/v5OPkKCVub9YA1BIyopzzqTMYuiAywvytCNgqig0AqYF15nY/U5ElYZJj7JFAeKfEYBbHPQShiNg6jLg0xhiEUcbqQrsuBdUHieoLOppGFCgPfF/EVxwOuOUh6yIIoNUbSGPNpmGZUHulAERcDw6NsCBcGvu5NPvMAEE92jcw4gaZzHYEi6I1ApFDCYCrY4gWHwg9jGXGvTUctspEKRnhxQBxlhvfw5JkoIjiqJQ9aQC2V2FuZEpVpHntrMgYFNnkCNMsmgvenaOW6JfclnoNKx9TaVhDFVu7RZNyLNAgnCutBECayCrogig2uiLVJP/B7CFmM1aAEKxiCelumNIw6mKofUh1TRdKXPgc8Qb1hxzDyuIRWHzARYUjarJSvG53xjl4BZkMbysCZUolRPECbKBLLidwC/quKNFjDTN32qfp9Kxvqd4pP2wEZCUXGsLrPMoaQcVjAQfGBXkwHwGEheVYhN5rMeG/oeXFwjBTbj8J3IlJczJU9gTqK/BiISnpC+dwETIlf5lIsAlAchie411Zxl7RaZ7d993XcWTxhqnLzwOH7o+QgKgcuCSdj8N6BWYqL0UIRmU1hMBBOo/KlYe7qhYS5xfnoJIwkMnq4kvPcuXluWQH6q1z6tpNV0eu4F3vBrowBXD8gPF3pGJ90SXHEM1Y1q81Wyaq2Ws1Go1Vu1ZuN06Fb9ZIN0K1Ks1WvNqvVs6VLKeoVinI9ruQSVCS6Bj3iW3AIwWOIjJJWAuLqcQhcz7U8EOSaznTq1PXU6HpCJMpHIyo/Uhgo99GfTDWNuCI3F0cE9xWGpesZZ1aa62FYLUPXXKxItU0mTjaRtiCDcIAJIsKAzud+PFCA3iyF0iTqIHOJ/0vHqPvj4PkqSGLrFDZvXTKXV0s2xWVNq1Wu1+xKY8r1S3ourxAo29HdeRWC/RIUQs1ulKqWZZWrVbtq1RcfMzlVIaTzUiDNxwX4AqU1EdZsSWJmow56NiFjOGUkMTarbwbT5KhAatzRih9w6RaRB/1Ac4942jA0riHgoo1h6AAcuwE3/CxwfUfLyRNFrl8/UB43aRfnmvC6POoNBY7oBY7xGUPsSOVxphemnEvIXa4kQvUV9yefgqHFs8FiwuEArCiOC2eCZ8mTPBBKBbT+48PoAJCQaMJwgQfwLiYrJZHCRZHUtX6cLSnKlD3LjdMLGadLWq+f2pvzGhmUgeNmRomkk0ePGIaBckTd5AnONIGPHqjGJVKJ3ihFhHDSwWQ8xEYzuPAHmBGlJU9wIBHSSCiKMTi1cDFBaYtpbnbAlQPCOdMyEFAa+0kLMDwMIxB3jEuTJgBSAob2TZKCll6deLbJuk1KLVyJXEUu3VmW7vJZXc+zymvKhvKUhAb+LN5KiSl1zMQ0XrIU/oFU6BgiTM7kz8HkOds+45HeU9n2JAZN+JOeBZahZzwv1NNq8mTgxgkGTBIqbezRk3icBQ8S85JaRb1cjeccngUOD6KYN3HZV1K5i1HWowBXXeIDTFvLbJVjLJQOmyue/JaS5ff/pDfiXDJDWM/xRpwTqisWs2+XW11Bb+Wx5t/KY/2g3soTP2/OWZIJF7OisDhony71mMJOzrTw0YkfiQgCgc8wSvACR/YlBu4Cl6siBF5SBIKgYDQgaNGp4MUspMa1cFipFngjFHEjrg7XJLkhZ6Ec+FxHirIUoAo0Xe5ADiJEJ1ljRfvGGVV8pMtPkiKTMGWpLlDWXt2SVmZq5stGiu0K5Wgtu1auNRvN1nKxNMCVqlUqn/rioGc8Y5ErylxRvkxFuUF1RlpjaDcthtXaLAKwkJIu6KtgnuQargkw6ZncD4v8hQJvo1FpNR+VrHgcq1MOTo2pk8f8ihfnjdJlALggOca1hwgvQomZ0WTsc4DL9dv3Q79lkgZTBZSF56L2TEF65GAtfBczjj62KKHBA/FJakDCoq47jQOW+zhKHIDcRYmnMOKKj4a4wgHi3BtyFN4RH4g4+WOEPuWL+Fh3SmsXQS/KdrbnrNL//ZSuZe/iKWTlUdslb+TJDG45C12xp+NzSuRG+5WoVmZ+64KtxU+i4Wphpuxh/kq2nFo5tTKF1UxdmIdOM4VlbuiOK/kr8cLZpaKYPeyyjBtL/7KMaH6LL+QWL/1dwVdILurji1bCxu0H9TjECx/Rx01GCnEYOqBXa/M62KrDOCe0jx4WVmqtWqncmhXBN6F5WFhpVu1Sa77a3fUKKw2r1MSHYprVRtUuI0nV0la9tLULrbU6fa3Bshr1cqvSqsLATt+kvZ1AmJ34xqmR+WzJKDRb4ffJevRxS+sZyVaYBN4ACLRSaCvelT28/5hH3hAPt/hA4M2aL6ouzzgDdqlQ06rUj7B6gMyNedKoWODJI0dxk5002dOmctJUxotwl87nyQDugRsPiFxPD3r1hlxRH86k8PVvf7ngdGD7RqADuuts59DrBm6Km5Z38RN7iI2Wd/kn9J1ceHFkJr44m/nlJrPMlAO/ADDpF56w3feCkSr1nJFeKSOVc0bKgV+AkcDCdWkVnVZpb8Y/vDmhPjSBGmkr/HTWmujzyNVsiys+wIUtdjPwdYFcQMNtAHTbfF6LPjrRpRuvPLCh0PkofZT2/ciCl6tTC16uTnkDixqwB6sagEMCt7DwBTT7aDkC5XMiQDYxdiGacwhgDyJQNQiUz4hA5bwIzChgz1PArs4hUDkjAtXzIpB2ouYRKBsEygaB6hkRqJ0XATvl388jYM8hUDsjAvXzIpAKMKx5BKw5BOrPQGBXanoO8TwXJxVoLk6e63NLwOkXTAday71m3EOlnewbcmDQ0DPFRSF+cdCaEQjLX6ySVTNFHlajWrNqTQxJqPzIjrFeJJES51ETSz+ut8uHgcfR0EzLTJpxmQmhPTfB2LjNziGLljokU5U69ucbLplAxfkvPCb0irXvlqk8xpcDOJMxaGIdk+4EtXzshh/DbP5erAZqZB4CE4/0cr5dADklrdpWkk6cexsGT3cYSs8O/bnjl0LnynF+xHnhBLsRPoC9lAiLMItUaC5wpqFCM/P8d4wgO1FXn1WNTUUtNuRIgFsiUAM5k806/dJVkuXZ1y5TwESU9DERId3gz7WcZquXqErweBz9MFa3XlweaWoQR+ZIxBkJZ6g9k8PmWqnYbzZ1lX0fLxiSgzRXDxIBeSsF41j1TuivJv3+tP8+fddSXMqoWARtuEIf6q6ZkB56JnfSizd4wzf7fUnf/fD4fp+KMftUCPnTEcfu777603dffcGevv/l0/f/+vSDD56+/xeAvc198B8L3376q/99/B777xeffPvRr00zZm/+9eef//NvH5pjGKvwzW8+//eXn3/zu1/8548fQSsmd8gU4Ls+N8RDtg2M7iO46KqlHbtDjuzS9gch9zl2QWNHDyloOeQuMsgNQSjtKek7eHwr2sfBdoYq0hKO3xh6eHw3CNwbgaJh30BIuF7kD8wZKoLDbc4P8IRVM5lONBoKj3hwdShwiC18JSq+AklofCWSCh4IpN+bUiI+d2VPBWHQ1+xNyW5wSRfflVhdmuq7LUGQ+CE3k0Ms7u6xG6DsoWFNHFAD0JiEbVe4iNctUP7co9E4cmhhneshDrBzqFDUOqF5cN4NWMfB6nXo2lSHONQbEDaaOd51Dz1qUFo+wIZ1HgRoToIHq0PujWg86Q+h6U74AGjF2Vag6cyA6IsbQJP707ntSaGX3rV7cjCcmzQ2RPj9NxRivDeHbp8D+x+hbnCnH/nF58zwfBx1FTDvKknhBvYJPt0FkSBO96R/Mt8C033zh48viGMTSxXzaXIYcyfYSke+GHOu8cjfEkD9nDcvlDeTO3UxHOkBQ/KTORJ+/wcAAP//AwBQSwECLQAUAAAACAB6k29XrnIHQVIPAADBfAAABAAAAAAAAAAAACAAAAAAAAAAc2ZkdFBLBQYAAAAAAQABADIAAAB0DwAAAAA="}

[Balamurugan Shanmugam]

Hi Sam,

In DocumentEditor, if the SFDT isn't opened properly, in that case we can't perform any action in DocumentEditor like insertText or click a new button in the toolbar. That's why we are asking for the SFDT content. On further validation, the given SFDT is opened properly on our end. We have attached the sample for your reference. Could you please confirm whether the given SFDT is opened properly at your application level, like below?

Pass the SFDT directly through the OpenAPI.

var sfdt = "{\"sfdt\":\"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\"}";

 await container.DocumentEditor.OpenAsync(sfdt);

It will be helpful to further investigate this issue. Thereby, we will analyze further and provide you with the appropriate solution at the earliest.

Regards,

Balamurugan S

Attachment: Blazor_Server_App_(4)_e31c6656.zip

[Sam]

Hello Balamurugan,

I just tried your suggestion, the document is still not being loaded.. I don't get any errors and the component seems to be loaded successfully, but it's a blank page and nothing works:

public async Task OnLoad(object args)

{

    SfDocumentEditor documentEditor = container.DocumentEditor;

    var sfdt = "{\"sfdt\":\"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\"}";

    Console.WriteLine($"direct try");

    await container.DocumentEditor.OpenAsync(sfdt);

    // await this.LoadDocument(this.StreamText);

    // await this.container.DocumentEditor.Editor.InsertTextAsync("Document editor");

    // Console.WriteLine($"Fit to page!");

    // await this.container.DocumentEditor.FitPageAsync(PageFitType.FitPageWidth);

}

[Sam]

I also tried a very basic version now, in a new folder called Test. Same issue:

@page "/test/doceditor"

@layout ElearningLayout

@using Syncfusion.Blazor.DocumentEditor;

@using System.Text.Json;

@using System.Text.Json.Serialization;

<SfDocumentEditorContainer @ref="container"

                           RestrictEditing="this.IsReadOnly"

                           LayoutType="Syncfusion.Blazor.DocumentEditor.LayoutType.Pages"

                           EnableToolbar="this.EnableToolbar"

                           ShowPropertiesPane="this.ShowPropertiesPane"

                           Height="100%"

                           Width="100%">

    <DocumentEditorContainerEvents Created="OnLoad"></DocumentEditorContainerEvents>

</SfDocumentEditorContainer>

@code {

    #region Champs

    private readonly Guid documentName = Guid.NewGuid();

    private SfDocumentEditorContainer container = default!;

    private string sfdtString = default!;

    #endregion Champs

    #region Propriétés

    [Parameter]

    public bool IsReadOnly { get; set; } = false;

    [Parameter]

    public bool EnableToolbar { get; set; } = true;

    [Parameter]

    public bool ShowPropertiesPane { get; set; } = true;

    [Parameter]

    public string StreamText { get; set; } = default!;

    #endregion Propriétés

    protected override async Task OnInitializedAsync()

    {

        if (!string.IsNullOrEmpty(StreamText))

        {

            //await this.LoadDocument(StreamText);

        }

        await base.OnInitializedAsync();

    }

    protected override async Task OnParametersSetAsync()

    {

        await base.OnParametersSetAsync();

    }

    public async Task OnLoad(object args)

    {

        SfDocumentEditor documentEditor = container.DocumentEditor;

        var sfdt = "{\"sfdt\":\"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\"}";

        Console.WriteLine($"direct try");

        await container.DocumentEditor.OpenAsync(sfdt);

    }

    /// <summary>

    /// Download document

    /// </summary>

    /// <param name="args"></param>

    public void OnExport(object args)

    {

        SfDocumentEditor documentEditor = this.container.DocumentEditor;

        documentEditor.SaveAsync(this.documentName.ToString(), FormatType.Docx);

    }

    /// <summary>

    /// Print document

    /// </summary>

    /// <param name="args"></param>

    public void Print(object args)

    {

        SfDocumentEditor documentEditor = this.container.DocumentEditor;

        documentEditor.PrintAsync();

    }

}

[Sam]

Okay it looks like I've figured it out.. From the example you sent me I noticed that you had commented the following:



I was using _content/ in my index.html (I'm using wasm), and it wasn't giving me any javascript errors, but it wasn't working as detailed above. Although half of the component was being built.
I replaced it with the full link: 

[Kavitha Muralitharan]

Sam, We have attached a sample for eb Assembly Sample and a screenshot for your reference. Please cross-check that and let us know if you need any other assistance.

Attachment: sample_blazor(use)_b565cb42.zip