Skip to content

Commit 16919d5

Browse files
Kokila13081999Kokila13081999
committed
991223: Blazor Documentation cleanup
1 parent 70f356e commit 16919d5

File tree

11 files changed

+140
-3
lines changed

11 files changed

+140
-3
lines changed

‎blazor-toc.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4120,22 +4120,21 @@
41204120
</li>
41214121
<li>Validation and Security
41224122
<ul>
4123-
<li><a href="/blazor/rich-text-editor/validation-security/form-support">Forms Support</a></li>
4123+
<li><a href="/blazor/rich-text-editor/validation-security/form-validation">Forms Support</a></li>
41244124
<li><a href="/blazor/rich-text-editor/validation-security/xhtml-validation">Content Validation and Security in XHTML</a></li>
41254125
<li><a href="/blazor/rich-text-editor/validation-security/read-only-mode">Controlling Editor Access</a></li>
41264126
</ul>
41274127
</li>
41284128
<li><a href="/blazor/rich-text-editor/link-manipulation">Link manipulation</a></li>
41294129
<li><a href="/blazor/rich-text-editor/table-manipulation">Table manipulation</a></li>
41304130
<li><a href="/blazor/rich-text-editor/code-block">Code Block</a></li>
4131-
<li><a href="/blazor/rich-text-editor/selection">Selection</a></li>
41324131
<li> <a href="/blazor/rich-text-editor/paste-cleanup">Paste Clean-up</a></li>
41334132
<li> <a href="/blazor/rich-text-editor/enter-key">Enter Key Configuration</a></li>
41344133
<li> <a href="/blazor/rich-text-editor/undo-redo-manager">Undo Redo Manager</a></li>
41354134
<li> <a href="/blazor/rich-text-editor/import-and-export">Import/Export</a></li>
41364135
<li> <a href="/blazor/rich-text-editor/exec-command">Execute Command</a></li>
41374136
<li> <a href="/blazor/rich-text-editor/style">Style and Appearance</a></li>
4138-
<li> <a href="/blazor/rich-text-editor/style-excapsulation">Style Encapsulation</a></li>
4137+
<li> <a href="/blazor/rich-text-editor/style-encapsulation">Style Encapsulation</a></li>
41394138
<li> <a href="/blazor/rich-text-editor/globalization">Globalization</a></li>
41404139
<li> <a href="/blazor/rich-text-editor/keyboard-support">Keyboard shortcuts</a></li>
41414140
<li> <a href="/blazor/rich-text-editor/accessibility">Accessibility</a></li>

blazor/rich-text-editor/tools/code-block.md renamed to blazor/rich-text-editor/code-block.md

File renamed without changes.

‎blazor/rich-text-editor/code-snippet/style-encapsulation.razor‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
@page "/"
2+
3+
@using Syncfusion.Blazor.RichTextEditor
4+
5+
<div id="container">
6+
<div class="control-section">
7+
<div class="editor">
8+
<h6 class="header">With style encapsulation</h6>
9+
<SfRichTextEditor>
10+
<RichTextEditorIFrameSettings Enable="true" />
11+
<p>The Syncfusion <strong>Rich Text Editor</strong>, a WYSIWYG (what you see is what you get) editor, is a user interface that allows you to create, edit, and format rich text content. You can try out a demo of this editor here.</p><p><b>Key features:</b></p>
12+
<ul>
13+
<li>
14+
<p>Provides &lt;IFRAME&gt; and &lt;DIV&gt; modes.</p>
15+
</li>
16+
<li>
17+
<p>Bulleted and numbered lists.</p>
18+
</li>
19+
<li>
20+
<p>Handles images, hyperlinks, videos, hyperlinks, uploads, etc.</p>
21+
</li>
22+
<li>
23+
<p>Contains undo/redo manager. </p>
24+
</li>
25+
</ul>
26+
<div style="display: inline-block; width: 60%; vertical-align: top; cursor: auto;"></div>
27+
</SfRichTextEditor>
28+
</div>
29+
30+
<div class="editor">
31+
<h6 class="header">Without style encapsulation</h6>
32+
<SfRichTextEditor>
33+
<p>The Syncfusion <strong>Rich Text Editor</strong>, a WYSIWYG (what you see is what you get) editor, is a user interface that allows you to create, edit, and format rich text content. You can try out a demo of this editor here.</p><p><b>Key features:</b></p>
34+
<ul>
35+
<li>
36+
<p>Provides &lt;IFRAME&gt; and &lt;DIV&gt; modes.</p>
37+
</li>
38+
<li>
39+
<p>Bulleted and numbered lists.</p>
40+
</li>
41+
<li>
42+
<p>Handles images, hyperlinks, videos, hyperlinks, uploads, etc.</p>
43+
</li>
44+
<li>
45+
<p>Contains undo/redo manager. </p>
46+
</li>
47+
</ul>
48+
<div style="display: inline-block; width: 60%; vertical-align: top; cursor: auto;"></div>
49+
</SfRichTextEditor>
50+
</div>
51+
</div>
52+
</div>
53+
54+
<style>
55+
#container {
56+
padding: 20px;
57+
}
58+
59+
.control-section {
60+
display: flex;
61+
gap: 20px;
62+
justify-content: space-between;
63+
}
64+
65+
.editor {
66+
flex: 1;
67+
border: 1px solid #ddd;
68+
border-radius: 4px;
69+
background-color: #fff;
70+
}
71+
72+
.header {
73+
padding: 10px;
74+
font-size: 14px;
75+
font-weight: 600;
76+
text-align: center;
77+
border-bottom: 1px solid #ddd;
78+
background-color: #f8f9fa;
79+
}
80+
81+
p {
82+
color: blue;
83+
}
84+
85+
p strong {
86+
font-size: 120%;
87+
background-color: yellow;
88+
}
89+
90+
li p {
91+
background-color: blue;
92+
color: white;
93+
}
94+
</style>

blazor/rich-text-editor/code-snippet/edit-on-select.razor renamed to blazor/rich-text-editor/editor-types/code-snippet/edit-on-select.razor

File renamed without changes.

blazor/rich-text-editor/code-snippet/iframe-attribute.razor renamed to blazor/rich-text-editor/editor-types/code-snippet/iframe-attribute.razor

File renamed without changes.

blazor/rich-text-editor/code-snippet/inline-mode.razor renamed to blazor/rich-text-editor/editor-types/code-snippet/inline-mode.razor

File renamed without changes.

blazor/rich-text-editor/code-snippet/resize-editor.razor renamed to blazor/rich-text-editor/editor-types/code-snippet/resize-editor.razor

File renamed without changes.

‎blazor/rich-text-editor/images/blazor-richtexteditor-custom-background-color.png‎

575 Bytes
Loading

‎blazor/rich-text-editor/images/blazor-richtexteditor-style-encapsulation.png‎

103 KB
Loading

blazor/rich-text-editor/tools/link-manipulation.md renamed to blazor/rich-text-editor/link-manipulation.md

File renamed without changes.

0 commit comments

Comments
 (0)