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

7 posts, 0 answers
  1. Amila
    Amila avatar
    4 posts
    Member since:
    Aug 2018

    Posted 26 Oct 2020 Link to this post

    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?

  2. Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 27 Oct 2020 Link to this post

    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/.

  3. Amila
    Amila avatar
    4 posts
    Member since:
    Aug 2018

    Posted 27 Oct 2020 in reply to Stefan Link to this post

    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:

  4. Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 28 Oct 2020 Link to this post

    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/.

  5. Amila
    Amila avatar
    4 posts
    Member since:
    Aug 2018

    Posted 28 Oct 2020 in reply to Stefan Link to this post

    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

  6. Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 29 Oct 2020 Link to this post

    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/.

  7. Amila
    Amila avatar
    4 posts
    Member since:
    Aug 2018

    Posted 31 Oct 2020 in reply to Stefan Link to this post

    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

Back to Top