Diplomarbeit-Absolventenverein/oqtane.framework-not-mirrored
Archived
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

EditHtml fix second part

Browse Source
This commit is contained in:
Pavel Vesely 2020-03-07 00:10:03 +01:00
parent 8730ecc6ad
commit c467a5cb67
2 changed files with 95 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
Oqtane.Client/Modules/Controls/RichTextEditor.razor
View File

@ -16,12 +16,15 @@
<button type="button" class="btn btn-secondary" @onclick="CloseFileManager">Close</button> <button type="button" class="btn btn-secondary" @onclick="CloseFileManager">Close</button>
} }
</div> </div>
<br /> <div class="row">
<div class ="col">
<div @ref="@ToolBar"> <div @ref="@ToolBar">
@ToolbarContent @ToolbarContent
</div> </div>
<div @ref="@EditorElement"> <div @ref="@EditorElement">
</div> </div>
</div>
</div>
@code { @code {
[Parameter] [Parameter]

78
Oqtane.Client/Modules/HtmlText/Edit.razor
View File

@ -7,18 +7,12 @@
@inject HttpClient http @inject HttpClient http
@inject SiteState sitestate @inject SiteState sitestate
<table class="table table-borderless"> <div class="row" style="margin-bottom: 50px;">
<tr> <div class="col @_visibleText">
<td> <textarea class="form-control" @bind="@content" rows="10"></textarea>
<label for="Name" class="control-label">Content: </label> </div>
</td>
<td> <div class="col @_visibleRich">
@if (!RichTextEditorMode)
{
<textarea class="form-control" @bind="@content" rows="5" />
}
else
{
<RichTextEditor @ref="@RichTextEditorHtml"> <RichTextEditor @ref="@RichTextEditorHtml">
<ToolbarContent> <ToolbarContent>
<select class="ql-header"> <select class="ql-header">
@ -48,10 +42,11 @@
</span> </span>
</ToolbarContent> </ToolbarContent>
</RichTextEditor> </RichTextEditor>
} </div>
</td> </div>
</tr>
</table> <div class="row">
<div class="col">
@if (!RichTextEditorMode) @if (!RichTextEditorMode)
{ {
<button type="button" class="btn btn-secondary" @onclick="RichTextEditor">Rich Text Editor</button> <button type="button" class="btn btn-secondary" @onclick="RichTextEditor">Rich Text Editor</button>
@ -62,9 +57,14 @@ else
} }
<button type="button" class="btn btn-success" @onclick="SaveContent">Save</button> <button type="button" class="btn btn-success" @onclick="SaveContent">Save</button>
<NavLink class="btn btn-secondary" href="@NavigateUrl()">Cancel</NavLink> <NavLink class="btn btn-secondary" href="@NavigateUrl()">Cancel</NavLink>
<br/> </div>
<br/> </div>
<div class="row">
<div class="col">
<AuditInfo CreatedBy="@createdby" CreatedOn="@createdon" ModifiedBy="@modifiedby" ModifiedOn="@modifiedon"></AuditInfo> <AuditInfo CreatedBy="@createdby" CreatedOn="@createdon" ModifiedBy="@modifiedby" ModifiedOn="@modifiedon"></AuditInfo>
</div>
</div>
@code { @code {
@ -78,8 +78,30 @@ else
get { return "Edit Html/Text"; } get { return "Edit Html/Text"; }
} }
bool RichTextEditorMode = true; public bool RichTextEditorMode
bool _richTextEditorLoading = false; {
get => _richTextEditorMode;
set
{
_richTextEditorMode = value;
if (_richTextEditorMode)
{
_visibleText = "d-none";
_visibleRich = "";
}
else
{
_visibleText = "";
_visibleRich = "d-none";
}
}
}
string _visibleText;
string _visibleRich;
bool _richTextEditorMode;
RichTextEditor RichTextEditorHtml; RichTextEditor RichTextEditorHtml;
string content; string content;
string createdby; string createdby;
@ -95,17 +117,10 @@ else
{ {
if (content == null) if (content == null)
{ {
RichTextEditorMode = true;
await LoadText(); await LoadText();
} }
} }
else
{
if (_richTextEditorLoading)
{
await RichTextEditorHtml.LoadContent(content);
_richTextEditorLoading = false;
}
}
} }
catch (Exception ex) catch (Exception ex)
{ {
@ -137,18 +152,15 @@ else
private async Task RichTextEditor() private async Task RichTextEditor()
{ {
RichTextEditorMode = true; RichTextEditorMode = true;
_richTextEditorLoading = true; await RichTextEditorHtml.LoadContent(content);
StateHasChanged(); StateHasChanged();
} }
private async Task RawHtmlEditor() private async Task RawHtmlEditor()
{
if (RichTextEditorMode)
{ {
content = await this.RichTextEditorHtml.GetHTML(); content = await this.RichTextEditorHtml.GetHTML();
}
RichTextEditorMode = false; RichTextEditorMode = false;
// await LoadText(); StateHasChanged();
} }
private async Task SaveContent() private async Task SaveContent()