Put formatting on undo stack

Author: linkdotnet

src/LinkDotNet.Blog.Web/Shared/TextAreaWithShortcuts.razor

@@ -72,7 +72,7 @@
         var afterMarker = content[selectionRange.End..];
         var shift = selectionRange.Start + fencedContent.IndexOf(CursorMarker, StringComparison.Ordinal);
         var removedCursor = fencedContent.Replace(CursorMarker, string.Empty);
-        await jsRuntime.InvokeVoidAsync("setSelectionFromElement", elementId, shift);
+        await jsRuntime.InvokeVoidAsync("setSelectionFromElement", elementId, shift, removedCursor);
         return beforeMarker + removedCursor + afterMarker;
     }
 }

src/LinkDotNet.Blog.Web/wwwroot/components/selection.js

@@ -5,8 +5,9 @@ window.getSelectionFromElement = function (id) {
     return { start, end }
 }
 
-window.setSelectionFromElement = function (id, cursor) {
+window.setSelectionFromElement = function (id, cursor, newText) {
     const elem = document.getElementById(id)
+    document.execCommand("insertText", false, newText)
     elem.selectionStart = cursor
     elem.selectionEnd = cursor
 }

tests/LinkDotNet.Blog.UnitTests/Web/Shared/TextAreaWithShortcutsTests.cs

@@ -52,5 +52,6 @@ public void ShouldSetCursorPosition()
         var setSelection = JSInterop.Invocations.SingleOrDefault(s => s.Identifier == "setSelectionFromElement");
         setSelection.Arguments.Should().Contain(element);
         setSelection.Arguments.Should().Contain(9);
+        setSelection.Arguments.Should().Contain("**llo**");
     }
 }