From ac3144fca4d36fe92911323696146d7ecfdb6f00 Mon Sep 17 00:00:00 2001
From: Michael Washington <webmaster@adefwebserver.com>
Date: Fri, 29 Nov 2019 15:03:48 -0800
Subject: [PATCH 1/5] Not working

---
 .../Modules/Controls/RichTextEditor.razor     | 88 +++++++++++++++++++
 Oqtane.Client/Modules/HtmlText/Edit.razor     | 38 +++++++-
 Oqtane.Client/Shared/Interop.cs               |  3 +-
 Oqtane.Client/Shared/RichTextEditorInterop.cs | 70 +++++++++++++++
 Oqtane.Client/wwwroot/index.html              |  3 +
 Oqtane.Client/wwwroot/js/interop.js           | 32 +++++++
 Oqtane.Server/Pages/_Host.cshtml              |  3 +
 Oqtane.Server/appsettings.json                |  2 +-
 Oqtane.Server/wwwroot/js/interop.js           | 34 ++++++-
 9 files changed, 269 insertions(+), 4 deletions(-)
 create mode 100644 Oqtane.Client/Modules/Controls/RichTextEditor.razor
 create mode 100644 Oqtane.Client/Shared/RichTextEditorInterop.cs

diff --git a/Oqtane.Client/Modules/Controls/RichTextEditor.razor b/Oqtane.Client/Modules/Controls/RichTextEditor.razor
new file mode 100644
index 00000000..527b091c
--- /dev/null
+++ b/Oqtane.Client/Modules/Controls/RichTextEditor.razor
@@ -0,0 +1,88 @@
+@namespace Oqtane.Modules.Controls
+@inherits ModuleBase
+@inject IJSRuntime JSRuntime
+
+<div @ref="@ToolBar">
+    @ToolbarContent
+</div>
+<div @ref="@EditorElement">
+    @EditorContent
+</div>
+
+@code {
+    [Parameter]
+    public RenderFragment EditorContent { get; set; }
+
+    [Parameter]
+    public RenderFragment ToolbarContent { get; set; }
+
+    [Parameter]
+    public bool ReadOnly { get; set; }
+        = false;
+
+    [Parameter]
+    public string Placeholder { get; set; }
+        = "Compose an epic...";
+
+    [Parameter]
+    public string Theme { get; set; }
+        = "snow";
+
+    [Parameter]
+    public string DebugLevel { get; set; }
+        = "info";
+
+    private ElementReference EditorElement;
+    private ElementReference ToolBar;
+
+    protected override async Task
+        OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await RichTextEditorInterop.CreateEditor(
+                JSRuntime,
+                EditorElement,
+                ToolBar,
+                ReadOnly,
+                Placeholder,
+                Theme,
+                DebugLevel);
+        }
+    }
+
+    public async Task<string> GetText()
+    {
+        return await RichTextEditorInterop.GetText(
+            JSRuntime,
+            EditorElement);
+    }
+
+    public async Task<string> GetHTML()
+    {
+        return await RichTextEditorInterop.GetHTML(
+            JSRuntime,
+            EditorElement);
+    }
+
+    public async Task<string> GetContent()
+    {
+        return await RichTextEditorInterop.GetContent(
+            JSRuntime,
+            EditorElement);
+    }
+
+    public async Task LoadContent(string Content)
+    {
+        await RichTextEditorInterop.LoadEditorContent(
+            JSRuntime,
+            EditorElement, Content);
+    }
+
+    public async Task EnableEditor(bool mode)
+    {
+        await RichTextEditorInterop.EnableEditor(
+            JSRuntime,
+            EditorElement, mode);
+    }
+}
\ No newline at end of file
diff --git a/Oqtane.Client/Modules/HtmlText/Edit.razor b/Oqtane.Client/Modules/HtmlText/Edit.razor
index f9d891d4..42a9763c 100644
--- a/Oqtane.Client/Modules/HtmlText/Edit.razor
+++ b/Oqtane.Client/Modules/HtmlText/Edit.razor
@@ -1,5 +1,6 @@
 @using Oqtane.Modules.HtmlText.Services
 @using Oqtane.Modules.HtmlText.Models
+@using Oqtane.Modules.Controls
 @namespace Oqtane.Modules.HtmlText
 @inherits ModuleBase
 @inject NavigationManager NavigationManager
@@ -12,7 +13,38 @@
             <label for="Name" class="control-label">Content: </label>
         </td>
         <td>
-            <textarea class="form-control" @bind="@content" rows="5" />
+            <RichTextEditor @ref="@RichTextEditorHtml">
+                <ToolbarContent>
+                    <select class="ql-header">
+                        <option selected=""></option>
+                        <option value="1"></option>
+                        <option value="2"></option>
+                        <option value="3"></option>
+                        <option value="4"></option>
+                        <option value="5"></option>
+                    </select>
+                    <span class="ql-formats">
+                        <button class="ql-bold"></button>
+                        <button class="ql-italic"></button>
+                        <button class="ql-underline"></button>
+                        <button class="ql-strike"></button>
+                    </span>
+                    <span class="ql-formats">
+                        <select class="ql-color"></select>
+                        <select class="ql-background"></select>
+                    </span>
+                    <span class="ql-formats">
+                        <button class="ql-list" value="ordered"></button>
+                        <button class="ql-list" value="bullet"></button>
+                    </span>
+                    <span class="ql-formats">
+                        <button class="ql-link"></button>
+                    </span>
+                </ToolbarContent>
+                <EditorContent>
+                    @((MarkupString)@content)
+                </EditorContent>
+            </RichTextEditor>
         </td>
     </tr>
 </table>
@@ -26,6 +58,7 @@
     public override SecurityAccessLevel SecurityAccessLevel { get { return SecurityAccessLevel.Edit; } }
     public override string Title { get { return "Edit Html/Text"; } }
 
+    RichTextEditor RichTextEditorHtml;
     string content;
     string createdby;
     DateTime createdon;
@@ -38,6 +71,7 @@
         {
             HtmlTextService htmltextservice = new HtmlTextService(http, sitestate, NavigationManager);
             HtmlTextInfo htmltext = await htmltextservice.GetHtmlTextAsync(ModuleState.ModuleId);
+
             if (htmltext != null)
             {
                 content = htmltext.Content;
@@ -56,6 +90,8 @@
 
     private async Task SaveContent()
     {
+        content = await this.RichTextEditorHtml.GetHTML();
+
         try
         {
             HtmlTextService htmltextservice = new HtmlTextService(http, sitestate, NavigationManager);
diff --git a/Oqtane.Client/Shared/Interop.cs b/Oqtane.Client/Shared/Interop.cs
index d9cf1780..f5bc53cc 100644
--- a/Oqtane.Client/Shared/Interop.cs
+++ b/Oqtane.Client/Shared/Interop.cs
@@ -1,4 +1,5 @@
-using Microsoft.JSInterop;
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
 using System;
 using System.Threading.Tasks;
 
diff --git a/Oqtane.Client/Shared/RichTextEditorInterop.cs b/Oqtane.Client/Shared/RichTextEditorInterop.cs
new file mode 100644
index 00000000..87088fb7
--- /dev/null
+++ b/Oqtane.Client/Shared/RichTextEditorInterop.cs
@@ -0,0 +1,70 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+using System.Threading.Tasks;
+
+namespace Oqtane.Modules.Controls
+{
+    public static class RichTextEditorInterop
+    {
+        internal static ValueTask<object> CreateEditor(
+            IJSRuntime jsRuntime,
+            ElementReference quillElement,
+            ElementReference toolbar,
+            bool readOnly,
+            string placeholder,
+            string theme,
+            string debugLevel)
+        {
+            return jsRuntime.InvokeAsync<object>(
+                "interop.createQuill",
+                quillElement, toolbar, readOnly,
+                placeholder, theme, debugLevel);
+        }
+
+        internal static ValueTask<string> GetText(
+            IJSRuntime jsRuntime,
+            ElementReference quillElement)
+        {
+            return jsRuntime.InvokeAsync<string>(
+                "interop.getQuillText",
+                quillElement);
+        }
+
+        internal static ValueTask<string> GetHTML(
+            IJSRuntime jsRuntime,
+            ElementReference quillElement)
+        {
+            return jsRuntime.InvokeAsync<string>(
+                "interop.getQuillHTML",
+                quillElement);
+        }
+
+        internal static ValueTask<string> GetContent(
+            IJSRuntime jsRuntime,
+            ElementReference quillElement)
+        {
+            return jsRuntime.InvokeAsync<string>(
+                "interop.getQuillContent",
+                quillElement);
+        }
+
+        internal static ValueTask<object> LoadEditorContent(
+            IJSRuntime jsRuntime,
+            ElementReference quillElement,
+            string Content)
+        {
+            return jsRuntime.InvokeAsync<object>(
+                "interop.loadQuillContent",
+                quillElement, Content);
+        }
+
+        internal static ValueTask<object> EnableEditor(
+            IJSRuntime jsRuntime,
+            ElementReference quillElement,
+            bool mode)
+        {
+            return jsRuntime.InvokeAsync<object>(
+                "interop.enableQuillEditor", quillElement, mode);
+        }
+    }
+}
diff --git a/Oqtane.Client/wwwroot/index.html b/Oqtane.Client/wwwroot/index.html
index 1335536d..c7095c32 100644
--- a/Oqtane.Client/wwwroot/index.html
+++ b/Oqtane.Client/wwwroot/index.html
@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width">
     <title>Oqtane</title>
     <base href="/" />
+    <link href="//cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
+    <link href="//cdn.quilljs.com/1.3.6/quill.bubble.css" rel="stylesheet">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <link href="css/app.css" rel="stylesheet" />
 </head>
@@ -17,6 +19,7 @@
 
     <script src="js/site.js"></script>
     <script src="js/interop.js"></script>
+    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
diff --git a/Oqtane.Client/wwwroot/js/interop.js b/Oqtane.Client/wwwroot/js/interop.js
index cb913890..cc8f7378 100644
--- a/Oqtane.Client/wwwroot/js/interop.js
+++ b/Oqtane.Client/wwwroot/js/interop.js
@@ -127,5 +127,37 @@ window.interop = {
                 request.send(data);
             }
         }
+    },
+    createQuill: function (
+        editorElement, toolBar, readOnly,
+        placeholder, theme, debugLevel) {
+
+        var options = {
+            debug: debugLevel,
+            modules: {
+                toolbar: toolBar
+            },
+            placeholder: placeholder,
+            readOnly: readOnly,
+            theme: theme
+        };
+
+        new Quill(editorElement, options);
+    },
+    getQuillContent: function (editorElement) {
+        return JSON.stringify(editorElement.__quill.getContents());
+    },
+    getQuillText: function (editorElement) {
+        return editorElement.__quill.getText();
+    },
+    getQuillHTML: function (editorElement) {
+        return editorElement.__quill.root.innerHTML;
+    },
+    loadQuillContent: function (editorElement, editorContent) {
+        content = JSON.parse(editorContent);
+        return editorElement.__quill.setContents(content, 'api');
+    },
+    enableQuillEditor: function (editorElement, mode) {
+        editorElement.__quill.enable(mode);
     }
 };
diff --git a/Oqtane.Server/Pages/_Host.cshtml b/Oqtane.Server/Pages/_Host.cshtml
index e176283d..dad8cf8c 100644
--- a/Oqtane.Server/Pages/_Host.cshtml
+++ b/Oqtane.Server/Pages/_Host.cshtml
@@ -10,6 +10,8 @@
     <meta name="viewport" content="width=device-width">
     <title>Oqtane</title>
     <base href="~/" />
+    <link href="//cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
+    <link href="//cdn.quilljs.com/1.3.6/quill.bubble.css" rel="stylesheet">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <link href="css/app.css" rel="stylesheet" />
 </head>
@@ -19,6 +21,7 @@
 
     <script src="js/site.js"></script>
     <script src="js/interop.js"></script>
+    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
diff --git a/Oqtane.Server/appsettings.json b/Oqtane.Server/appsettings.json
index dbfefb7f..68666c8e 100644
--- a/Oqtane.Server/appsettings.json
+++ b/Oqtane.Server/appsettings.json
@@ -1,5 +1,5 @@
 {
   "ConnectionStrings": {
-    "DefaultConnection": ""
+    "DefaultConnection": "Data Source=(Local);Initial Catalog=Oqtane;Integrated Security=SSPI;"
   }
 }
\ No newline at end of file
diff --git a/Oqtane.Server/wwwroot/js/interop.js b/Oqtane.Server/wwwroot/js/interop.js
index a89a14ae..cc8f7378 100644
--- a/Oqtane.Server/wwwroot/js/interop.js
+++ b/Oqtane.Server/wwwroot/js/interop.js
@@ -69,7 +69,7 @@ window.interop = {
             for (var i = 0; i < fileinput.files.length; i++) {
                 files.push(fileinput.files[i].name);
             }
-        } 
+        }
         return files;
     },
     uploadFiles: function (posturl, folder, name) {
@@ -127,5 +127,37 @@ window.interop = {
                 request.send(data);
             }
         }
+    },
+    createQuill: function (
+        editorElement, toolBar, readOnly,
+        placeholder, theme, debugLevel) {
+
+        var options = {
+            debug: debugLevel,
+            modules: {
+                toolbar: toolBar
+            },
+            placeholder: placeholder,
+            readOnly: readOnly,
+            theme: theme
+        };
+
+        new Quill(editorElement, options);
+    },
+    getQuillContent: function (editorElement) {
+        return JSON.stringify(editorElement.__quill.getContents());
+    },
+    getQuillText: function (editorElement) {
+        return editorElement.__quill.getText();
+    },
+    getQuillHTML: function (editorElement) {
+        return editorElement.__quill.root.innerHTML;
+    },
+    loadQuillContent: function (editorElement, editorContent) {
+        content = JSON.parse(editorContent);
+        return editorElement.__quill.setContents(content, 'api');
+    },
+    enableQuillEditor: function (editorElement, mode) {
+        editorElement.__quill.enable(mode);
     }
 };

From 3162caca01ee5c6d17ea88746c3be2806fbb1c15 Mon Sep 17 00:00:00 2001
From: Michael Washington <webmaster@adefwebserver.com>
Date: Fri, 29 Nov 2019 15:41:48 -0800
Subject: [PATCH 2/5] Rich Text Editor now working

---
 Oqtane.Client/Modules/Controls/RichTextEditor.razor | 4 ----
 Oqtane.Client/Modules/HtmlText/Edit.razor           | 5 ++---
 Oqtane.Client/wwwroot/js/interop.js                 | 3 +--
 Oqtane.Server/wwwroot/js/interop.js                 | 3 +--
 4 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/Oqtane.Client/Modules/Controls/RichTextEditor.razor b/Oqtane.Client/Modules/Controls/RichTextEditor.razor
index 527b091c..2a06a5a8 100644
--- a/Oqtane.Client/Modules/Controls/RichTextEditor.razor
+++ b/Oqtane.Client/Modules/Controls/RichTextEditor.razor
@@ -6,13 +6,9 @@
     @ToolbarContent
 </div>
 <div @ref="@EditorElement">
-    @EditorContent
 </div>
 
 @code {
-    [Parameter]
-    public RenderFragment EditorContent { get; set; }
-
     [Parameter]
     public RenderFragment ToolbarContent { get; set; }
 
diff --git a/Oqtane.Client/Modules/HtmlText/Edit.razor b/Oqtane.Client/Modules/HtmlText/Edit.razor
index 42a9763c..f534eb7f 100644
--- a/Oqtane.Client/Modules/HtmlText/Edit.razor
+++ b/Oqtane.Client/Modules/HtmlText/Edit.razor
@@ -41,9 +41,6 @@
                         <button class="ql-link"></button>
                     </span>
                 </ToolbarContent>
-                <EditorContent>
-                    @((MarkupString)@content)
-                </EditorContent>
             </RichTextEditor>
         </td>
     </tr>
@@ -79,6 +76,8 @@
                 createdon = htmltext.CreatedOn;
                 modifiedby = htmltext.ModifiedBy;
                 modifiedon = htmltext.ModifiedOn;
+
+                await RichTextEditorHtml.LoadContent(content);
             }
         }
         catch (Exception ex)
diff --git a/Oqtane.Client/wwwroot/js/interop.js b/Oqtane.Client/wwwroot/js/interop.js
index cc8f7378..88c545fa 100644
--- a/Oqtane.Client/wwwroot/js/interop.js
+++ b/Oqtane.Client/wwwroot/js/interop.js
@@ -154,8 +154,7 @@ window.interop = {
         return editorElement.__quill.root.innerHTML;
     },
     loadQuillContent: function (editorElement, editorContent) {
-        content = JSON.parse(editorContent);
-        return editorElement.__quill.setContents(content, 'api');
+        return editorElement.__quill.root.innerHTML = editorContent;
     },
     enableQuillEditor: function (editorElement, mode) {
         editorElement.__quill.enable(mode);
diff --git a/Oqtane.Server/wwwroot/js/interop.js b/Oqtane.Server/wwwroot/js/interop.js
index cc8f7378..88c545fa 100644
--- a/Oqtane.Server/wwwroot/js/interop.js
+++ b/Oqtane.Server/wwwroot/js/interop.js
@@ -154,8 +154,7 @@ window.interop = {
         return editorElement.__quill.root.innerHTML;
     },
     loadQuillContent: function (editorElement, editorContent) {
-        content = JSON.parse(editorContent);
-        return editorElement.__quill.setContents(content, 'api');
+        return editorElement.__quill.root.innerHTML = editorContent;
     },
     enableQuillEditor: function (editorElement, mode) {
         editorElement.__quill.enable(mode);

From 07f09361b94be183befa9977296d419662ffff5e Mon Sep 17 00:00:00 2001
From: Michael Washington <webmaster@adefwebserver.com>
Date: Fri, 29 Nov 2019 18:14:58 -0800
Subject: [PATCH 3/5] Allows you to switch between Rich text and Raw HTML
 Editor

---
 Oqtane.Client/Modules/HtmlText/Edit.razor | 124 ++++++++++++++--------
 1 file changed, 81 insertions(+), 43 deletions(-)

diff --git a/Oqtane.Client/Modules/HtmlText/Edit.razor b/Oqtane.Client/Modules/HtmlText/Edit.razor
index f534eb7f..af7340c9 100644
--- a/Oqtane.Client/Modules/HtmlText/Edit.razor
+++ b/Oqtane.Client/Modules/HtmlText/Edit.razor
@@ -13,38 +13,53 @@
             <label for="Name" class="control-label">Content: </label>
         </td>
         <td>
-            <RichTextEditor @ref="@RichTextEditorHtml">
-                <ToolbarContent>
-                    <select class="ql-header">
-                        <option selected=""></option>
-                        <option value="1"></option>
-                        <option value="2"></option>
-                        <option value="3"></option>
-                        <option value="4"></option>
-                        <option value="5"></option>
-                    </select>
-                    <span class="ql-formats">
-                        <button class="ql-bold"></button>
-                        <button class="ql-italic"></button>
-                        <button class="ql-underline"></button>
-                        <button class="ql-strike"></button>
-                    </span>
-                    <span class="ql-formats">
-                        <select class="ql-color"></select>
-                        <select class="ql-background"></select>
-                    </span>
-                    <span class="ql-formats">
-                        <button class="ql-list" value="ordered"></button>
-                        <button class="ql-list" value="bullet"></button>
-                    </span>
-                    <span class="ql-formats">
-                        <button class="ql-link"></button>
-                    </span>
-                </ToolbarContent>
-            </RichTextEditor>
+            @if (!RichTextEditorMode)
+            {
+                <textarea class="form-control" @bind="@content" rows="5" />
+            }
+            else
+            {
+                <RichTextEditor @ref="@RichTextEditorHtml">
+                    <ToolbarContent>
+                        <select class="ql-header">
+                            <option selected=""></option>
+                            <option value="1"></option>
+                            <option value="2"></option>
+                            <option value="3"></option>
+                            <option value="4"></option>
+                            <option value="5"></option>
+                        </select>
+                        <span class="ql-formats">
+                            <button class="ql-bold"></button>
+                            <button class="ql-italic"></button>
+                            <button class="ql-underline"></button>
+                            <button class="ql-strike"></button>
+                        </span>
+                        <span class="ql-formats">
+                            <select class="ql-color"></select>
+                            <select class="ql-background"></select>
+                        </span>
+                        <span class="ql-formats">
+                            <button class="ql-list" value="ordered"></button>
+                            <button class="ql-list" value="bullet"></button>
+                        </span>
+                        <span class="ql-formats">
+                            <button class="ql-link"></button>
+                        </span>
+                    </ToolbarContent>
+                </RichTextEditor>
+            }
         </td>
     </tr>
 </table>
+@if (!RichTextEditorMode)
+{
+    <button type="button" class="btn btn-secondary" @onclick="RichTextEditor">Rich Text Editor</button>
+}
+else
+{
+    <button type="button" class="btn btn-secondary" @onclick="RawHTMLEditor">Raw HTML Editor</button>
+}
 <button type="button" class="btn btn-success" @onclick="SaveContent">Save</button>
 <NavLink class="btn btn-secondary" href="@NavigateUrl()">Cancel</NavLink>
 <br />
@@ -56,6 +71,7 @@
     public override string Title { get { return "Edit Html/Text"; } }
 
     RichTextEditor RichTextEditorHtml;
+    bool RichTextEditorMode = true;
     string content;
     string createdby;
     DateTime createdon;
@@ -66,19 +82,7 @@
     {
         try
         {
-            HtmlTextService htmltextservice = new HtmlTextService(http, sitestate, NavigationManager);
-            HtmlTextInfo htmltext = await htmltextservice.GetHtmlTextAsync(ModuleState.ModuleId);
-
-            if (htmltext != null)
-            {
-                content = htmltext.Content;
-                createdby = htmltext.CreatedBy;
-                createdon = htmltext.CreatedOn;
-                modifiedby = htmltext.ModifiedBy;
-                modifiedon = htmltext.ModifiedOn;
-
-                await RichTextEditorHtml.LoadContent(content);
-            }
+            await LoadText();
         }
         catch (Exception ex)
         {
@@ -87,9 +91,43 @@
         }
     }
 
+    private async Task LoadText()
+    {
+        HtmlTextService htmltextservice = new HtmlTextService(http, sitestate, NavigationManager);
+        HtmlTextInfo htmltext = await htmltextservice.GetHtmlTextAsync(ModuleState.ModuleId);
+        if (htmltext != null)
+        {
+            content = htmltext.Content;
+            createdby = htmltext.CreatedBy;
+            createdon = htmltext.CreatedOn;
+            modifiedby = htmltext.ModifiedBy;
+            modifiedon = htmltext.ModifiedOn;
+
+            if (RichTextEditorMode)
+            {
+                await RichTextEditorHtml.LoadContent(content);
+            }
+        }
+    }
+
+    private async Task RichTextEditor()
+    {
+        RichTextEditorMode = true;
+        await LoadText();
+    }
+
+    private async Task RawHTMLEditor()
+    {
+        RichTextEditorMode = false;
+        await LoadText();
+    }
+
     private async Task SaveContent()
     {
-        content = await this.RichTextEditorHtml.GetHTML();
+        if (RichTextEditorMode)
+        {
+            content = await this.RichTextEditorHtml.GetHTML();
+        }
 
         try
         {

From 3b02a936bd198c6553a719c415ed3dc70f875785 Mon Sep 17 00:00:00 2001
From: Michael Washington <webmaster@adefwebserver.com>
Date: Fri, 29 Nov 2019 18:21:39 -0800
Subject: [PATCH 4/5] To address the error: Cannot read property 'root' of
 undefined TypeError: Cannot read property 'root' of undefined at
 Object.loadQuillContent

---
 Oqtane.Client/Modules/HtmlText/Edit.razor | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/Oqtane.Client/Modules/HtmlText/Edit.razor b/Oqtane.Client/Modules/HtmlText/Edit.razor
index af7340c9..54e4923c 100644
--- a/Oqtane.Client/Modules/HtmlText/Edit.razor
+++ b/Oqtane.Client/Modules/HtmlText/Edit.razor
@@ -78,16 +78,20 @@ else
     string modifiedby;
     DateTime modifiedon;
 
-    protected override async Task OnInitializedAsync()
+    protected override async Task
+          OnAfterRenderAsync(bool firstRender)
     {
-        try
+        if (firstRender)
         {
-            await LoadText();
-        }
-        catch (Exception ex)
-        {
-            await logger.LogError(ex, "An Error Occurred Loading Html/Text Content. " + ex.Message);
-            AddModuleMessage(ex.Message, MessageType.Error);
+            try
+            {
+                await LoadText();
+            }
+            catch (Exception ex)
+            {
+                await logger.LogError(ex, "An Error Occurred Loading Html/Text Content. " + ex.Message);
+                AddModuleMessage(ex.Message, MessageType.Error);
+            }
         }
     }
 

From f29f710d9242f4daa41dd338bbf767632bf9b8a1 Mon Sep 17 00:00:00 2001
From: Michael Washington <webmaster@adefwebserver.com>
Date: Fri, 29 Nov 2019 18:28:37 -0800
Subject: [PATCH 5/5] Properly updates the audit fields when in Rich Text mode.

---
 Oqtane.Client/Modules/HtmlText/Edit.razor | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Oqtane.Client/Modules/HtmlText/Edit.razor b/Oqtane.Client/Modules/HtmlText/Edit.razor
index 54e4923c..4618aa09 100644
--- a/Oqtane.Client/Modules/HtmlText/Edit.razor
+++ b/Oqtane.Client/Modules/HtmlText/Edit.razor
@@ -110,6 +110,7 @@ else
             if (RichTextEditorMode)
             {
                 await RichTextEditorHtml.LoadContent(content);
+                StateHasChanged();
             }
         }
     }