top of page

Without "Symbols" ValueChange event works

<div class="control-section" style="width:100%;">
    <div class="">
        <SfRichTextEditor @ref="editorRef"
                          ID="RT_Editor"
                          ShowCharCount="true"
                          EnableTabKey="true"
                          EnableXhtml="true"
                          Placeholder="@PlaceHolderText"
                          Readonly="@Disabled"
                          @bind-Value="@TextoFormatado"
                          Height="@editorRefHeight"
                          Width="@editorRefWidth"
                          AutoSaveOnIdle="true"
                          SaveInterval="@saveInterval">

            <RichTextEditorEvents ValueChange="@ValueChangeHandler" Focus="@FocusHandler" Blur="@BlurHandler"  />

            <RichTextEditorToolbarSettings Items="@tools" Type="@tooltype">
                <!--WITHOUT Symbol-->
            </RichTextEditorToolbarSettings>

            <RichTextEditorImportWord ServiceUrl="https://blazor.syncfusion.com/services/production/api/RichTextEditor/ImportFromWord"></RichTextEditorImportWord>
            <RichTextEditorQuickToolbarSettings Table="@tableQuickToolbarItems" ShowOnRightClick="true" />
        </SfRichTextEditor>


    </div>
</div>

With "Symbols" ValueChange event doesn't works

    <div class="control-section" style="width:100%;">
        <div class="">
            <SfRichTextEditor @ref="editorRef"
                              ID="RT_Editor"
                              ShowCharCount="true"
                              EnableTabKey="true"
                              EnableXhtml="true"
                              Placeholder="@PlaceHolderText"
                              Readonly="@Disabled"
                              @bind-Value="@TextoFormatado"
                              Height="@editorRefHeight"
                              Width="@editorRefWidth"
                              AutoSaveOnIdle="true"
                              SaveInterval="@saveInterval">

                <RichTextEditorEvents ValueChange="@ValueChangeHandler" Focus="@FocusHandler" Blur="@BlurHandler"  />

                <RichTextEditorToolbarSettings Items="@tools" Type="@tooltype">
                    <RichTextEditorEvents OnActionComplete="@OnActionCompleteHandler" />
                    <RichTextEditorCustomToolbarItems>
                        <RichTextEditorCustomToolbarItem Name="Symbol">
                            <Template>
                                <SfButton cssClass="@buttonCssClass" @onclick="ClickHandler">
                                    <div class="e-tbar-btn-text" style="font-weight: 500;"> Ω</div>
                                </SfButton>
                            </Template>
                        </RichTextEditorCustomToolbarItem>
                    </RichTextEditorCustomToolbarItems>

                </RichTextEditorToolbarSettings>

                <RichTextEditorImportWord ServiceUrl="https://blazor.syncfusion.com/services/production/api/RichTextEditor/ImportFromWord"></RichTextEditorImportWord>
                <RichTextEditorQuickToolbarSettings Table="@tableQuickToolbarItems" ShowOnRightClick="true" />
            </SfRichTextEditor>


        </div>
    </div>

</div>

bottom of page