Forum Discussion

jaikumar1's avatar
jaikumar1
Mentor
8 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
    8 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/

11 Replies

Sort By
  • TariqHussain's avatar
    TariqHussain
    Boss
    8 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. 

     

  • TariqHussain's avatar
    TariqHussain
    Boss
    8 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
    8 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. 

     

  • jaikumar1's avatar
    jaikumar1
    Mentor
    8 years ago

    TariqHussain,

     

    You are correct. But i got some notification like below once i included the cloud file. So that i changed into use server tinymce.min.js file.

     

  • TariqHussain's avatar
    TariqHussain
    Boss
    8 years ago

    jaikumar1 - 

     

    You need to register. After registration, go to My Account - > API Key Manager. However, you can go with server file as well.

  • jaikumar1's avatar
    jaikumar1
    Mentor
    8 years ago

    Hi,

     

    We implemented the tinymce editor for mobile version. But we just identified the issue, as the html content get displayed with tags after submitted the html inputs in the editor. So please suggest how to resolve the issue.