How to add summernote editor in android studio project?

Total Post:24

Points:168
 461  View(s)
Ratings:
Rate this:

How to add summernote editor in android studio project?

  1. Post:24

    Points:168
    Re: How to add summernote editor in android studio project?

    “Summernote” 

    Getting started first we know about What is summernote? it is an editor that uses an open source library for posting any text or image. It is a combination of different language like HTML, CSS, javascript, jQuery, Bootstrap..etc.

    Here we demonstrate the simple example for adding the summernote editor in our code project.

    Add this code to your dependencies
    buildTypes {
            release {
                minifyEnabled true
                proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
            }
        }
    ..........................
    ........................
    dependencies {
    implementation 'com.android.support:appcompat-v7:27.1.1'
        implementation 'com.android.support:support-v4:26.1.0'
        implementation 'com.github.bumptech.glide:glide:4.0.0'
    compile 'in.nashapp.androidsummernote:androidsummernote:1.0.5'
    }

    Add some code in Manifest (For adding images from Device)
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

    Retrive HTML Data from summernote
    String html_data = summernote.getText();

    Set HTML Data
    summernote.setText("<h2><i>Hello World.</i><h2><br><h3> Summernote Example</h3>");

    Activity_main.xml
    <?xml version="1.0" encoding="utf-8"?>
    
    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.example.msclient009.summernoteexample.MainActivity">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:id="@+id/tex1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="20dp"
                android:layout_marginStart="50dp"
                android:layout_marginTop="20dp"
                android:text="Summernote Example"
                android:textColor="#f00"
                android:textSize="22dp"
                tools:ignore="InvalidId" />
     
            <TextView
                android:id="@+id/tex"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="20dp"
                android:layout_marginStart="50dp"
                android:layout_marginTop="20dp"
                android:text="Scrollable Summernote"
                android:textColor="#f00"
                android:textSize="22dp"
                tools:ignore="InvalidId" />

                <in.nashapp.androidsummernote.Summernote
                    android:id="@+id/summernote"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginEnd="5dp"
                    android:layout_marginStart="5dp"
                    android:layout_marginTop="5dp"
                    android:overScrollMode="ifContentScrolls"

                    android:scrollbarAlwaysDrawVerticalTrack="true"
                    android:scrollbarSize="20dp"
                    android:scrollbarStyle="insideInset"
                    android:scrollbars="vertical"
                    android:verticalScrollbarPosition="right" />
        </LinearLayout>

    </ScrollView>

    MainActivity.java 

    package com.example.msclient009.summernoteexample;
    
    import android.annotation.SuppressLint;
    import android.content.Intent;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.MotionEvent;
    import android.view.View;
    import in.nashapp.androidsummernote.Summernote;

    public class MainActivity extends AppCompatActivity implements View.OnTouchListener {
        Summernote summernote;

        @SuppressLint("ClickableViewAccessibility")
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            summernote = (Summernote) findViewById(R.id.summernote);
            summernote.setRequestCodeforFilepicker(5);
            summernote.setText("<h2>Hello World.<h2><br><h3> I'am Summernote</h3>");
            summernote.setOnTouchListener(MainActivity.this);
        }

        @Override
        public boolean onTouch(View view, MotionEvent motionEvent) {
            if (summernote.hasFocus()) {
                view.getParent().requestDisallowInterceptTouchEvent(true);
                switch (motionEvent.getAction() & MotionEvent.ACTION_MASK){
                    case MotionEvent.ACTION_SCROLL:
                        view.getParent().requestDisallowInterceptTouchEvent(false);
                        return true;
                }
            }

            return false;
        }
    }

    Output :
    How to add summernote editor in  android studio project?




    "Thanks!!! for Reading"

  1. Post:1

    Points:7
    Re: How to add summernote editor in android studio project?

    Wow that’s great. I’m pretty new here but this good to hear. Everyone here has been super friendly and helpful. Great forums. Thank you for hosting.  Piano Tiles 2

Answer