Add Markdown editor component

2020-12-26 23:33:03 -05:00
parent 4ba5426068
commit 1e474395a9
4 changed files with 111 additions and 3 deletions
--- a/src/JobsJobsJobs/Client/Shared/MarkdownEditor.razor
+++ b/src/JobsJobsJobs/Client/Shared/MarkdownEditor.razor
@@ -0,0 +1,15 @@
+<nav class="nav nav-pills">
+  <a href="#" class="nav-link @MarkdownClass" @onclick="ShowMarkdown" @onclick:preventDefault>Markdown</a>
+  <a href="#" class="nav-link @PreviewClass" @onclick="ShowPreview" @onclick:preventDefault>Preview</a>
+</nav>
+@if (_showPreview)
+{
+  <section class="preview">
+    @PreviewText
+  </section>
+}
+else
+{
+  <textarea id="@Id" @bind="@PlainText" @bind:event="oninput" class="form-control" rows="10">
+  </textarea>
+}