Skip to content

951777: Corrected the image path -Dev #4189

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 5, 2025
Merged

951777: Corrected the image path -Dev #4189

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.MVC/editor-types/inline-editing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,4 +45,4 @@ This feature enhances the inline editing experience by providing immediate acces
{% endtabs %}
{% endif %}

![Rich Text Editor InlineMode](../../images/inline.png)
![Rich Text Editor InlineMode](../images/inline.png)
6 changes: 3 additions & 3 deletions ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.MVC/insert-image-media/audio.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ You can insert audio from either the hosted link or the local machine, by clicki

By default, the audio tool opens the audio dialog, allowing you to insert audio from an online source. Inserting the URL will be added to the `src` attribute of the `<source>` tag.

![Rich Text Editor Audio insert](../../images/aspcore-richtexteditor-audio-web.png)
![Rich Text Editor Audio insert](../images/aspcore-richtexteditor-audio-web.png)

## Uploading Audio from Local Machine

Expand Down Expand Up @@ -206,15 +206,15 @@ N> By default, it doesn't support the `UseDefaultCredentials` property; we need

Once an audio file has been inserted, you can change it using the Rich Text Editor [QuickToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditorQuickToolbarSettings.html#Syncfusion_EJ2_RichTextEditor_RichTextEditorQuickToolbarSettings_Audio) `AudioReplace` option. You can replace the audio file using the web URL or the browse option in the audio dialog.

![Rich Text Editor Audio replace](../../images/aspcore-richtexteditor-audio-replace.png)
![Rich Text Editor Audio replace](../images/aspcore-richtexteditor-audio-replace.png)

## Deleting Audios

To remove audio from the Rich Text Editor content, select the audio and click the `audioRemove` button from the quick toolbar. It will delete the audio from the Rich Text Editor content as well as from the service location if the [InsertAudioSettings.RemoveUrl](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditorAudioSettings.html#Syncfusion_EJ2_RichTextEditor_RichTextEditorAudioSettings_RemoveUrl) is given.

Once you select the audio from the local machine, the URL for the audio will be generated. You can remove the audio from the service location by clicking the cross icon.

![Rich Text Editor Audio delete](../../images/aspcore-richtexteditor-audio-del.png)
![Rich Text Editor Audio delete](../images/aspcore-richtexteditor-audio-del.png)

## Configuring Audio Display Position

Expand Down
8 changes: 4 additions & 4 deletions ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.MVC/insert-image-media/insert-images.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ To remove an image from the Rich Text Editor content, select the image and click

Once you select the image from the local machine, the URL for the image will be generate. From there, you can remove the image from the service location by clicking the cross icon.

![Rich Text Editor Image delete](../../images/image-del.png)
![Rich Text Editor Image delete](../images/image-del.png)

The following sample explains, how to configure `RemoveUrl` to remove a saved image from the remote service location, when the following image remove actions are performed:

Expand Down Expand Up @@ -194,7 +194,7 @@ Sets the default width and height of the image when it is inserted in the Rich T

Through the quick toolbar, change the width and height using `Change Size` option. Once you click, the Image Size dialog box will open as follows. In that you can specify the width and height of the image in pixel.

![Rich Text Editor Image dimension](../../images/image-size.png)
![Rich Text Editor Image dimension](../images/image-size.png)

## Adding Captions and Alt Text to Images

Expand Down Expand Up @@ -238,13 +238,13 @@ Sets the default display for an image when it is inserted in the Rich Text Edito

The hyperlink itself can be an image in Rich Text Editor. If the image given as hyperlink, remove, edit and open link will be added to the quick toolbar of image. For further details about link, see the [`link documentation`](./link) documentation.

![Rich Text Editor image with link](../../images/image-link.png)
![Rich Text Editor image with link](../images/image-link.png)

## Image Resizing Tools

Rich Text Editor has a built-in image inserting support. The resize points will be appearing on each corner of image when focus. So, users can resize the image using mouse points or thumb through the resize points easily. Also, the resize calculation will be done based on aspect ratio.

![Rich Text Editor image resize](../../images/image-resize.png)
![Rich Text Editor image resize](../images/image-resize.png)

## Configuring Allowed Image Types

Expand Down
14 changes: 7 additions & 7 deletions ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.MVC/insert-image-media/video.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,13 +67,13 @@ You can insert a video from either a hosted link or your local machine by clicki

The insert video dialog opens with the `Embedded code` option selected by default. This allows you to insert a video using embedded code.

![Rich Text Editor Embed URL Video insert](../../images/aspcore-richtexteditor-video-embed.png)
![Rich Text Editor Embed URL Video insert](../images/aspcore-richtexteditor-video-embed.png)

### Inserting Video via Web URL

You can switch to the `Web URL` option by selecting the Web URL checkbox. Inserting a video using the Web URL option will add the video URL as the `src` attribute of the `<source>` tag.

![Rich Text Editor Video insert](../../images/aspcore-richtexteditor-video-web.png)
![Rich Text Editor Video insert](../images/aspcore-richtexteditor-video-web.png)

## Uploading Video from Local Machine

Expand Down Expand Up @@ -211,17 +211,17 @@ N> By default, it doesn't support the `UseDefaultCredentials` property, you can

Once a video file has been inserted, you can replace it using the Rich Text Editor [QuickToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditorQuickToolbarSettings.html#Syncfusion_EJ2_RichTextEditor_RichTextEditorQuickToolbarSettings_Video) `VideoReplace` option. You can replace the video file either by using the embedded code or the web URL and the browse option in the video dialog.

![Rich Text Editor Embed Video replace](../../images/video-replace-embed.png)
![Rich Text Editor Embed Video replace](../images/video-replace-embed.png)

![Rich Text Editor Web Video replace](../../images/video-replace-web.png)
![Rich Text Editor Web Video replace](../images/video-replace-web.png)

## Deleting Video

To remove a video from the Rich Text Editor content, select the video and click the `VideoRemove` button from the quick toolbar. It will delete the video from the Rich Text Editor content as well as from the service location if the [InsertVideoSettings.RemoveUrl](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditorVideoSettings.html#Syncfusion_EJ2_RichTextEditor_RichTextEditorVideoSettings_RemoveUrl) is given.

Once you select the video from the local machine, the URL for the video will be generated. You can remove the video from the service location by clicking the cross icon.

![Rich Text Editor Video delete](../../images/video-del.png)
![Rich Text Editor Video delete](../images/video-del.png)


## Adjusting Video Dimensions
Expand All @@ -230,7 +230,7 @@ Set the default width, minWidth, height, and minHeight of the video element when

Through the [QuickToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditorQuickToolbarSettings.html#Syncfusion_EJ2_RichTextEditor_RichTextEditorQuickToolbarSettings_Video), you can also change the width and height using the `Change Size` button. Once you click on the button, the video size dialog will open as below. In that, specify the width and height of the video in pixels.

![Rich Text Editor Video dimension](../../images/video-size.png)
![Rich Text Editor Video dimension](../images/video-size.png)

## Configuring Video Display Position

Expand Down Expand Up @@ -270,7 +270,7 @@ You can disable the resize action by configuring `false` for the [InsertVideoSet

> If the [MinWidth](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditorVideoSettings.html#Syncfusion_EJ2_RichTextEditor_RichTextEditorVideoSettings_MinWidth) and [MinHeight](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditorVideoSettings.html#Syncfusion_EJ2_RichTextEditor_RichTextEditorVideoSettings_MinHeight) properties are configured, the video resizing does not shrink below the specified values.

![Rich Text Editor video resize](../../images/aspcore-richtexteditor-video-resize.png)
![Rich Text Editor video resize](../images/aspcore-richtexteditor-video-resize.png)

## Customizing the Video Quick Toolbar

Expand Down
2 changes: 1 addition & 1 deletion ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.MVC/smart-editing/emoji-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ The following code example shows how to add the emoji picker tool in the Rich Te

Quickly access the emoji picker by pressing the colon (:) key while typing a word prefix in an editor, allowing instant emoji selection and display. Moreover, continue typing in the editor after the colon (:) to filter and refine your search for the desired emojis.

![Rich Text Editor Emoji Picker](../../images/emoji-picker-shorcut.png)
![Rich Text Editor Emoji Picker](../images/emoji-picker-shorcut.png)

## Navigating and Selecting Emojis Using the Keyboard

Expand Down
2 changes: 1 addition & 1 deletion ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.MVC/smart-editing/mentions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ In the following sample, we configured the following properties with popup dimen
{% endhighlight %}
{% endtabs %}

![ASP.NET MVC mention integration ](../../images/mention-integration.png)
![ASP.NET MVC mention integration ](../images/mention-integration.png)

> [View Sample](https://ej2.syncfusion.com/aspnetmvc/RichTextEditor/MentionIntegration#/bootstrap5)

Expand Down
Loading