Skip to content

Commit da3744a

Browse files
983303: Updated mention-integration.md, miscellaneous.md, paste-cleanup.md, resizable-editor.md, slash-commands.md
1 parent 5e97ecf commit da3744a

File tree

3 files changed

+23
-23
lines changed

3 files changed

+23
-23
lines changed

blazor/rich-text-editor/iframe.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
layout: post
3-
title: IFrame Rendering in Blazor Rich Text Editor | Syncfusion
4-
description: Checkout and learn here all about IFrame Rendering in Syncfusion Blazor Rich Text Editor component and more.
3+
title: IFrame Rendering in Blazor RichTextEditor | Syncfusion
4+
description: Checkout and learn here all about IFrame Rendering in Syncfusion Blazor RichTextEditor component and more.
55
platform: Blazor
66
control: RichTextEditor
77
documentation: ug
88
---
99

10-
# Iframe Editable in Blazor Rich Text Editor
10+
# Iframe Editable in Blazor RichTextEditor
1111

12-
When the `RichTextEditorIframeSettings` option is set to [RichTextEditorIframeSettings.Enable ](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Enable), the editor creates an iframe element as the content area during initialization, which is then used to display and edit the content. In iframe mode, the editor displays only the body tag of the iframe document within the content area.
12+
When the `RichTextEditorIframeSettings` option is set to [RichTextEditorIframeSettings.enabled](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Enable), the editor creates the iframe element as the content area on component initialization, which is used to display and edit the content. The editor only displays the body tag of an `<iframe>` document in the content area.
1313

14-
In iframe mode, the editor content is hosted in an isolated document. Only the editor's content is shown, and styles or scripts can be applied specifically to that editor without affecting the rest of the page.
14+
Basically, in an iframe mode, you have the entire document but only the editor content, and you can also use styles and scripts only for the particular editor.
1515

1616
{% tabs %}
1717
{% highlight cshtml %}
@@ -26,11 +26,11 @@ In iframe mode, the editor content is hosted in an isolated document. Only the e
2626
{% endhighlight %}
2727
{% endtabs %}
2828

29-
![Blazor Rich Text Editor with iframe](./images/blazor-richtexteditor-iframe.png)
29+
![Blazor RichTextEditor with iframe](./images/blazor-richtexteditor-iframe.png)
3030

3131
## IFrame attributes
3232

33-
Add additional attributes to the body element of the iframe document using the[RichTextEditorIframeSettings.Attributes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Attributes) property. This property accepts namevalue pairs in string format and can be used to override the default appearance of the content area.
33+
You can add an additional attribute to the body tag of an `<iframe>` element by using the [RichTextEditorIframeSettings.Attributes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Attributes) property. This property contains name or value pairs in string format. It is used to override the default appearance of the content area.
3434

3535
{% tabs %}
3636
{% highlight cshtml %}
@@ -40,13 +40,13 @@ Add additional attributes to the body element of the iframe document using the[R
4040
{% endhighlight %}
4141
{% endtabs %}
4242

43-
![Blazor Rich Text Editor with iframe attribute](./images/blazor-richtexteditor-iframe-attribute.png)
43+
![Blazor RichTextEditor with iframe attribute](./images/blazor-richtexteditor-iframe-attribute.png)
4444

4545
## Adding external CSS/Script file
4646

47-
The editor supports adding external CSS files to style the iframe document by using the [RichTextEditorIframeSettings.Resources](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Resources) property. This allows changing the appearance of the editor content with an external stylesheet.
47+
The editor offers to add an external CSS file to style the `<iframe>` element. Using the [RichTextEditorIframeSettings.Resources](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Resources) property, you can easily change the appearance of the editor's content by using an external CSS file.
4848

49-
Similarly, add external script files to the iframe document using the same `RichTextEditorIframeSettings.Resources` property to provide additional functionality for the Rich Text Editor.
49+
Similarly, add the external script file to the `<iframe>` element using the `RichTextEditorIframeSettings.Resources` property, and it will provide the additional functionalities to the Rich Text Editor.
5050

5151
{% tabs %}
5252
{% highlight cshtml %}
@@ -72,6 +72,6 @@ Similarly, add external script files to the iframe document using the same `Rich
7272
{% endhighlight %}
7373
{% endtabs %}
7474

75-
![Blazor Rich Text Editor with external CSS and script](./images/blazor-richtexteditor-iframe-external-CSS-script.png)
75+
![Blazor RichTextEditor with external css/script](./images/blazor-richtexteditor-iframe-external-CSS-script.png)
7676

77-
N> Visit the [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) ffeature tour for an overview of its capabilities. Explore the [Blazor Rich Text Editor](https://blazor.syncfusion.com/demos/rich-text-editor/overview?theme=bootstrap5) demo to learn how to render and configure the editor tools.
77+
N> You can refer to our [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Blazor Rich Text Editor](https://blazor.syncfusion.com/demos/rich-text-editor/overview?theme=bootstrap5) example to knows how to render and configure the rich text editor tools.

blazor/rich-text-editor/import-and-export.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ documentation: ug
1111

1212
## Import from Microsoft Word
1313

14-
The Rich Text Editor allows you to import content from Word documents, preserving the original formatting and structure, including headings, lists, tables, and text styles. This ensures accurate representation of documents within the editor, enabling seamless editing.
14+
The Rich Text Editor allows you to import content from Word documents, preserving the original formatting and structure, including headings, lists, tables, and text styles. This ensures that documents are accurately represented within the editor for seamless editing and enhancement
1515

1616
To integrate an `ImportWord` option into the Rich Text Editor toolbar using the [RichTextEditorToolbarSettings.Items](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorToolbarSettings_Items) property.
1717

@@ -75,7 +75,7 @@ The following code block provides a detailed explanation of the API endpoint use
7575

7676
```
7777

78-
The `ImportWord` feature integrates with `ActionBegin` and `ActionComplete` events. Setting the `cancel` property to `true` in `ActionBegin` prevents execution.
78+
The `ImportWord` functionality is integrated within the `ActionBegin` and `ActionComplete` events. If the cancel property is set to true in the `ActionBegin` event argument, the execution of the `ImportWord` functionality can be prevented.
7979

8080
The following example illustrates how to set up the `ImportWord` in the Rich Text Editor to facilitate content importation from Word documents:
8181

@@ -205,7 +205,7 @@ The following example illustrates how to set up the `ImportWord` in the Rich Tex
205205

206206
The Rich Text Editor's export functionality allows users to convert their edited content into PDF or Word documents with a single click, preserving all text styles, images, tables, and other formatting elements.
207207

208-
You can add `ExportWord` and `ExportPdf` tools to the Rich Text Editor toolbar using the [RichTextEditorToolbarSettings.Items](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorToolbarSettings_Items) property.
208+
You can add `ExportWord` and `ExportPdf` tools to the Rich Text Editor toolbar using the[RichTextEditorToolbarSettings.Items](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorToolbarSettings_Items) property.
209209

210210
To enable the `ExportWord` and `ExportPdf` functionality, the `ServiceUrl` property must be correctly configured within the `RichTextEditorExportWord` and `RichTextEditorExportPdf`. These API endpoints handle the export process and manage the server-side generation of Word and PDF files, respectively.
211211

@@ -224,7 +224,7 @@ The following code block provides a detailed explanation of the API endpoint use
224224
public ActionResult ExportToPdf([FromBody] ExportParam args)
225225
{
226226
string htmlString = args.html;
227-
if (string.IsNullOrEmpty(htmlString)
227+
if (htmlString == null && htmlString == "")
228228
{
229229
return null;
230230
}
@@ -251,7 +251,7 @@ The following code block provides a detailed explanation of the API endpoint use
251251
public FileStreamResult ExportToDocx([FromBody] ExportParam args)
252252
{
253253
string htmlString = args.html;
254-
if (string.IsNullOrEmpty(htmlString)
254+
if (htmlString == null && htmlString == "")
255255
{
256256
return null;
257257
}

blazor/rich-text-editor/inline-mode.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Inline Mode in Rich Text Editor in Blazor | Syncfusion
4-
description: Checkout and learn here all about Inline Mode in Syncfusion Blazor Rich Text Editor component and more.
3+
title: Inline Mode in RichTextEditor in Blazor | Syncfusion
4+
description: Checkout and learn here all about Inline Mode in Syncfusion Blazor RichTextEditor component and more.
55
platform: Blazor
66
control: RichTextEditor
77
documentation: ug
88
---
99

10-
# Inline Editor in Blazor Rich Text Editor
10+
# Inline Editor in Blazor RichTextEditor
1111

1212
The Rich Text Editor provides an option to display a toolbar on demand by enabling the property of [RichTextEditorInlineMode.Enable](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorInlineMode.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorInlineMode_Enable). When the editable text is focused or selected the inline floating toolbar appears. The commands displayed in inline toolbar can be customized by setting [RichTextEditorToolbarSettings.Items](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorToolbarSettings_Items) property.
1313

@@ -19,11 +19,11 @@ The Rich Text Editor provides an option to display a toolbar on demand by enabli
1919
{% endhighlight %}
2020
{% endtabs %}
2121

22-
![Blazor Rich Text Editor enabling inline mode](./images/blazor-richtexteditor-enable-inline.gif)
22+
![Blazor RichTextEditor enabling inline mode](./images/blazor-richtexteditor-enable-inline.gif)
2323

2424
## Edit on select
2525

26-
The inline toolbar will appear only for the selected text by enabling the [RichTextEditorInlineMode.ShowOnSelection](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorInlineMode.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorInlineMode_ShowOnSelection) property. Otherwise the inline toolbar will not appear after clicking the editable area.
26+
The inline toolbar will appears only for the selected text by enabling the [RichTextEditorInlineMode.ShowOnSelection](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorInlineMode.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorInlineMode_ShowOnSelection) property. Otherwise the inline toolbar will not be appeared after clicking the editable area.
2727

2828
{% tabs %}
2929
{% highlight razor %}
@@ -33,7 +33,7 @@ The inline toolbar will appear only for the selected text by enabling the [RichT
3333
{% endhighlight %}
3434
{% endtabs %}
3535

36-
![Blazor Rich Text Editor enabling selection](./images/blazor-richtexteditor-enable-selection.gif)
36+
![Blazor RichTextEditor enabling selection](./images/blazor-richtexteditor-enable-selection.gif)
3737

3838
N> You can refer to our [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Blazor Rich Text Editor](https://blazor.syncfusion.com/demos/rich-text-editor/overview?theme=bootstrap5) example to know how to render and configure the rich text editor tools.
3939

0 commit comments

Comments
 (0)