HTML text in TextView and open links it in new activity

Question

I need to show this HTML text in a TextView with link click enabled.

mention test dpubek 
<span class="proflinkWrapper">
<span class="proflinkPrefix">+</span>
<a class="proflink" href="https://plus.google.com/103010988161443919979" oid="103010988161443919979">movietrailer moviedb</a>
</span> <span class="proflinkWrapper">
<span class="proflinkPrefix">+</span>
<a class="proflink" href="https://plus.google.com/103675306250275917544" oid="103675306250275917544">Movieweb</a>
</span> <span class="proflinkWrapper">
<span class="proflinkPrefix">+</span>
<a class="proflink" href="https://plus.google.com/114941226520632356413" oid="114941226520632356413">Luba Tesler</a></span>

mention test dpubek <span class="proflinkWrapper"><span class="proflinkPrefix">+</span><a class="proflink" href="https://plus.google.com/103010988161443919979" oid="103010988161443919979">movietrailer moviedb</a></span> <span class="proflinkWrapper"><span class="proflinkPrefix">+</span><a class="proflink" href="https://plus.google.com/103675306250275917544" oid="103675306250275917544">Movieweb</a></span> <span class="proflinkWrapper"><span class="proflinkPrefix">+</span><a class="proflink" href="https://plus.google.com/114941226520632356413" oid="114941226520632356413">Luba Tesler</a></span>

This can be easily done using this code,

val span = Html.fromHtml(post.content)

The thing is, I need to make the link clickable but it should not be opened in the browser, instead I need to pass the link to my next activity in my android app. Hope I am clear enough!

You have to add your [Custom LinkMovment](https://stackoverflow.com/a/16644228/10159898) — Bruno, Aug 02 '18 at 15:47
Take a look this link [text-view-with-hyperlinks-and-link-only-listener-android](https://darshangr.wordpress.com/2014/01/13/text-view-with-hyperlinks-and-link-only-listener-android/) — Krishna Sharma, Aug 02 '18 at 18:08

score 0 · Answer 1 · answered Aug 02 '18 at 17:29

Use like this i hope it help you

private void customTextView(TextView view) {
    SpannableStringBuilder spanTxt = new SpannableStringBuilder(
            "By continuing, I agree to");
    spanTxt.append("Terms & Conditions");
    spanTxt.setSpan(new ClickableSpan() {
        @Override
        public void onClick(View widget) {
            Intent intent = new Intent(mContext, TermsAndConditionActivity.class);
            intent.putExtra("URL", UserModel.getInstance().termsUrl);
            intent.putExtra("title", "Terms & Conditions");
            intent.putExtra("requestFor", 1);
            startActivity(intent);

        }
    }, spanTxt.length() - "Terms & Conditions".length(), spanTxt.length(), 0);
    spanTxt.append(" and ");
    spanTxt.setSpan(new ForegroundColorSpan(Color.BLACK), 38, spanTxt.length(), 0);
    spanTxt.append("Privacy Policy");
    spanTxt.setSpan(new ClickableSpan() {
        @Override
        public void onClick(View widget) {
            Intent intent = new Intent(mContext, TermsAndConditionActivity.class);
            intent.putExtra("URL", UserModel.getInstance().privacyUrl);
            intent.putExtra("title", "Privacy Policy");
            intent.putExtra("requestFor", 2);
            startActivity(intent);

        }
    }, spanTxt.length() - "Privacy Policy".length(), spanTxt.length(), 0);
    spanTxt.setSpan(new ForegroundColorSpan(Color.BLACK), 54, spanTxt.length(), 0);
    view.setMovementMethod(LinkMovementMethod.getInstance());
    view.setText(spanTxt, TextView.BufferType.SPANNABLE);
}

score 0 · Answer 2 · answered Aug 02 '18 at 18:05

Create a new class CustomMovementMethod extending LinkMovementMethod as follows and then override the onTouchEvent(..) method,

public class CustomMovementMethod extends LinkMovementMethod {
    private static CustomMovementMethod sInstance;


    @Override
    public boolean onTouchEvent(TextView widget, Spannable buffer, MotionEvent event) {

        int action = event.getAction();

        if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_DOWN) {
            int x = (int) event.getX();
            int y = (int) event.getY();

            x -= widget.getTotalPaddingLeft();
            y -= widget.getTotalPaddingTop();

            x += widget.getScrollX();
            y += widget.getScrollY();

            Layout layout = widget.getLayout();
            int line = layout.getLineForVertical(y);
            int off = layout.getOffsetForHorizontal(line, x);

            URLSpan[] links = buffer.getSpans(off, off, URLSpan.class);


            if (links.length != 0) {
                if (action == MotionEvent.ACTION_UP) {
                    Intent intent=new Intent(widget.getContext(),HandleUrlActivity.class);
                    intent.putExtra("url",links[0].getURL());
                    widget.getContext().startActivity(intent);

                } else if (action == MotionEvent.ACTION_DOWN) {
                    Selection.setSelection(buffer,
                            buffer.getSpanStart(links[0]),
                            buffer.getSpanEnd(links[0]));
                }
                return true;
            } else {
                Selection.removeSelection(buffer);
            }
        }

        return super.onTouchEvent(widget, buffer, event);
    }



    public static MovementMethod getInstance(){
        if (sInstance == null)
            sInstance = new CustomMovementMethod();

        return sInstance;
    }

Then set the movement method after setting the text,

Example code:

        final String htmlString="<span class=\"proflinkWrapper\">\n" +
                "<span class=\"proflinkPrefix\">+</span>\n" +
                "<a class=\"proflink\" href=\"https://plus.google.com/103010988161443919979\" oid=\"103010988161443919979\">movietrailer moviedb</a>\n" +
                "</span> <span class=\"proflinkWrapper\">\n" +
                "<span class=\"proflinkPrefix\">+</span>\n" +
                "<a class=\"proflink\" href=\"https://plus.google.com/103675306250275917544\" oid=\"103675306250275917544\">Movieweb</a>\n" +
                "</span> <span class=\"proflinkWrapper\">\n" +
                "<span class=\"proflinkPrefix\">+</span>\n" +
                "<a class=\"proflink\" href=\"https://plus.google.com/114941226520632356413\" oid=\"114941226520632356413\">Luba Tesler</a></span>";

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
            mText.setText(Html.fromHtml(htmlString,Html.FROM_HTML_MODE_LEGACY));
        }else{
            mText.setText(Html.fromHtml(htmlString));
        }
        mText.setMovementMethod(CustomMovementMethod.getInstance());

Then from the next activity use,

getIntent().getStringExtra("url")

to get the url clicked.

HTML text in TextView and open links it in new activity

2 Answers2