Unplanned
Last Updated:
28 Jul 2021 11:38
by ADMIN
Nadezhda
Created on:
28 Jul 2021 11:36
Category:
Editor
Type:
Bug Report
Cursor cannot be placed outside of a table
When you create or paste a table, you cannot move the cursor outside of it if there is no other content in the Editor.
----------ADMIN EDIT----------
Here is a possible workaround when using InsertTable() tool:
@using Telerik.Blazor.Components.Editor
<TelerikButton OnClick="@InsertTable">Insert Table</TelerikButton>
<TelerikEditor @ref="@TheEditor" Value="@TheContent" ValueChanged="@ValueChangedHandler"></TelerikEditor>
@code {
TelerikEditor TheEditor { get; set; }
string TheContent { get; set; } = "<p>Lorem ipsum.</p><p>Dolor sit amet.</p>";
void ValueChangedHandler(string value)
{
var checkEnd = value.EndsWith("</table>");
TheContent = checkEnd == true ? value + "<p></p>" : value;
}
async Task InsertTable()
{
await TheEditor.ExecuteAsync(new TableCommandArgs(4, 4));
}
}Steps:
- Use the Editor's ValueChanged event.
- See if the value ends with a closing </table> tag.
- Append an empty paragraph to the Editor value - "<p></p>".
0 comments