This is a migrated thread and some comments may be shown as answers.

React Rich Text Editor Features: How to add math equations to text editor

6 Answers 1781 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Amila
Top achievements
Rank 1
Amila asked on 26 Oct 2020, 04:44 PM

We are going to telerik rich text editor.

we want add add math and science equations to text editor.

So is there any plugin for that?

6 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 27 Oct 2020, 07:31 AM

Hello, Amila,

Could you please share more details on the planned math and science equations?

For example, the show should look and function.

This will help us provide more specific information on what is available, as currently there is no single plug-in that can cover every math or science equations. 

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Amila
Top achievements
Rank 1
answered on 27 Oct 2020, 10:55 AM

Thanks lot for response.

We are going to integrate Radeditor with react and also need to add math  and science equation to

text editor.

1. I would like know is there any plugin or add-on for that like attached image .

2. Is there way to integrate wiris-editor with Radeditor in react env.

Regards,

Amila Weerasekara

 

like attached image

eg:

0
Stefan
Telerik team
answered on 28 Oct 2020, 12:08 PM

Hello, Amila,

Thank you for the additional details.

As the Editor is using the ProsseMirror engine underneath, each plug-in for ProseMirro can be integrated inside the Editor. I can suggest checking this plug-in for mathematics:

https://github.com/benrbray/prosemirror-math

This article on using plug-ins can also prove helpful:

https://www.telerik.com/kendo-react-ui/components/editor/plugins/

In general, this is not directly built-in inside the component and has to be integrated manually.

If you wish an official out of the box tool or integration example, I can suggest opening an official feature request in our portal as this is how we make our planning based on the community interest:

https://feedback.telerik.com/kendo-react-ui

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Amila
Top achievements
Rank 1
answered on 29 Oct 2020, 03:52 AM

Thanks lot for response.

I will read about Prose Mirror engine.

This Github link you provide  is not working

https://github.com/benrbray/prosemirror-math

Would be great   if you can share  any materials related to this math plugin.

Regards,

Amila Weerasekara

0
Stefan
Telerik team
answered on 29 Oct 2020, 02:13 PM

Hello,

I think there was an issue with the repo for a short time as it is accessible to me via the same link:

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Amila
Top achievements
Rank 1
answered on 31 Oct 2020, 09:11 PM

Thanks lot Stefan

Link is working now and it might be a short-time issue in the repo.

I will try with this and let you know.

Regards,

Amila Weerasekara

Tags
General Discussions
Asked by
Amila
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Amila
Top achievements
Rank 1
Share this question
or