Forum Discussion

jaikumar1's avatar
jaikumar1
Mentor
7 years ago

Rich Text Editor for mobile

Hi,    We want to have the Rich Text Editor for a mobile device, and our site is mobile v1 version. So could you please guide me on how to get integrate the Rich Text Editor?
  • TariqHussain's avatar
    TariqHussain
    7 years ago

    jaikumar1 - 

     

    Here is the script which you need to add on a Mobile Post Page.  You can create a custom component and add it to MobilePostPage.

     

    <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
<script>tinymce.init({ selector:'textarea' });</script>

    Selector value should be the id or class of the Textarea on a Mobile Post Page.  e.g .lia-form-body-input.lia-form-type-text

     

    Documentation for rich text editor https://www.tinymce.com/docs/demo/full-featured/

TariqHussain's avatar
TariqHussain
Boss
7 years ago

jaikumar1 - By default lithium doesn't provide rich text editor for v1. You need to create custom one and add it to Mobile Post Page. 

 

  • jaikumar1's avatar
    jaikumar1
    Mentor
    7 years ago

    Thank you TariqHussain,

     

    Could you please suggest me, how to create custom one and add into the page.

    • TariqHussain's avatar
      TariqHussain
      Boss
      7 years ago

      jaikumar1 - 

       

      Here is the script which you need to add on a Mobile Post Page.  You can create a custom component and add it to MobilePostPage.

       

      <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
<script>tinymce.init({ selector:'textarea' });</script>

      Selector value should be the id or class of the Textarea on a Mobile Post Page.  e.g .lia-form-body-input.lia-form-type-text

       

      Documentation for rich text editor https://www.tinymce.com/docs/demo/full-featured/

      • jaikumar1's avatar
        jaikumar1
        Mentor
        7 years ago

        Thank you so much TariqHussain,

         

        I just followed the steps which you have mentioned, and I have changed only to include the desktop version of tinymce.min.js file in the component.