Rich Text Editor now working

This commit is contained in:
Michael Washington 2019-11-29 15:41:48 -08:00
parent ac3144fca4
commit 3162caca01
4 changed files with 4 additions and 11 deletions

View File

@ -6,13 +6,9 @@
@ToolbarContent @ToolbarContent
</div> </div>
<div @ref="@EditorElement"> <div @ref="@EditorElement">
@EditorContent
</div> </div>
@code { @code {
[Parameter]
public RenderFragment EditorContent { get; set; }
[Parameter] [Parameter]
public RenderFragment ToolbarContent { get; set; } public RenderFragment ToolbarContent { get; set; }

View File

@ -41,9 +41,6 @@
<button class="ql-link"></button> <button class="ql-link"></button>
</span> </span>
</ToolbarContent> </ToolbarContent>
<EditorContent>
@((MarkupString)@content)
</EditorContent>
</RichTextEditor> </RichTextEditor>
</td> </td>
</tr> </tr>
@ -79,6 +76,8 @@
createdon = htmltext.CreatedOn; createdon = htmltext.CreatedOn;
modifiedby = htmltext.ModifiedBy; modifiedby = htmltext.ModifiedBy;
modifiedon = htmltext.ModifiedOn; modifiedon = htmltext.ModifiedOn;
await RichTextEditorHtml.LoadContent(content);
} }
} }
catch (Exception ex) catch (Exception ex)

View File

@ -154,8 +154,7 @@ window.interop = {
return editorElement.__quill.root.innerHTML; return editorElement.__quill.root.innerHTML;
}, },
loadQuillContent: function (editorElement, editorContent) { loadQuillContent: function (editorElement, editorContent) {
content = JSON.parse(editorContent); return editorElement.__quill.root.innerHTML = editorContent;
return editorElement.__quill.setContents(content, 'api');
}, },
enableQuillEditor: function (editorElement, mode) { enableQuillEditor: function (editorElement, mode) {
editorElement.__quill.enable(mode); editorElement.__quill.enable(mode);

View File

@ -154,8 +154,7 @@ window.interop = {
return editorElement.__quill.root.innerHTML; return editorElement.__quill.root.innerHTML;
}, },
loadQuillContent: function (editorElement, editorContent) { loadQuillContent: function (editorElement, editorContent) {
content = JSON.parse(editorContent); return editorElement.__quill.root.innerHTML = editorContent;
return editorElement.__quill.setContents(content, 'api');
}, },
enableQuillEditor: function (editorElement, mode) { enableQuillEditor: function (editorElement, mode) {
editorElement.__quill.enable(mode); editorElement.__quill.enable(mode);