Rich Text Editor now working
This commit is contained in:
parent
ac3144fca4
commit
3162caca01
|
@ -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; }
|
||||||
|
|
||||||
|
|
|
@ -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)
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue
Block a user