get .blazor__instance in RTE

[jose luis barajas]

Hi

I have this code running fine in Blazor Server for get cursor pointer position in RTE

but same code not works with Blazor wasm y get null when reading rteInstance

    <script type="text/javascript">

        window.getCursorPointerPositionRTE = function () {

            var rteInstance = document.getElementById('defaultRTE').blazor__instance;

            if (rteInstance == null) return;

            var element = rteInstance.inputElement

            var caretOffset = 0;

            var range = window.getSelection().getRangeAt(0);

            var preCaretRange = range.cloneRange();

            preCaretRange.selectNodeContents(element);

            preCaretRange.setEnd(range.endContainer, range.endOffset);

            caretOffset = preCaretRange.toString().length;

            return caretOffset;

        }

    </script>

Pl

[Buvana Sathasivam]

Hi Jose,

Greetings from Syncfusion support.

You can get the Blazor Rich Text Editor input element without using blazor_instance in the below way.

window.RichTextEditor = {

    setCursorPointer: function () {

        var rteElement = document.getElementById('defaultRTE'); // Get the RTE element

 

        if (rteElement == null) return;

 

        var element = rteElement.querySelector(".e-content"); // Get the RTE input element without using blazor_instance

 

        ……………………

 

        return caretOffset;

    }

}

If you still face any problem, can you please get back to us with a runnable sample?

Regards,
Buvana S

[jose luis barajas]

Hi  Buvana 

Thanks, works fine!

[Buvana Sathasivam]

Welcome. We are glad that your reported issues are resolved. Please get back to us if you need any further assistance.