how to share the html content with css style

Question

This is on android, and in one adroid app to do sharing the html content via intent.

Having an email html content and would like to open the apps share chooser to share using other app. function to do the sharing:

Intent shareIntent = ShareCompat.IntentBuilder.from(activity)
                .setType("text/html")
                .setHtmlText(shareHtmlText)
                .setSubject(subject)
                .getIntent();
        if (shareIntent.resolveActivity(activity.getPackageManager()) != null) {
            activity.startActivity(shareIntent);
        }

the html content is below. but after choose the app to share with the html content’s style part are displayed as plain text (was expecting they should not to be displayed, the body part displayed fine without the html tags).

How to share a html with css part in it?

shareHtmlText is as:

<html>
<head>
    <style>
        .style-header {font-family:sans-serif; width: 100%; padding-bottom: 10px; border-bottom: 1px solid; margin-bottom: 15px;}
        .style-header td {vertical-align: top;}
        .style-header-label {text-align: right; width: 70px; padding-right: 5px; font-weight: bold;}
        .style-header-value {width: 100%;}
        .style-no-cc .style-header-cc, .style-no-bcc .style-header-bcc, .style-no-attachments .style-header-attachments {display: none;}
    </style>
</head>
<body class="style-no-cc style-no-bcc style-no-attachments">
    <table class="style-header">
        <tr>
            <td class="style-header-label">From:</td>
            <td class="style-header-value">You Ford&lt;you.ford@gmail.com&gt;</td>
        </tr>
        <tr>
            <td class="style-header-label">To:</td>
            <td class="style-header-value">you.you&lt;you.you@aol.com&gt;</td>
        </tr>
        <tr class="style-header-cc">
            <td class="style-header-label">Cc:</td>
            <td class="style-header-value"></td>
        </tr>
        <tr class="style-header-bcc">
            <td class="style-header-label">Bcc:</td>
            <td class="style-header-value"></td>
        </tr>
        <tr>
            <td class="style-header-label">Subject:</td>
            <td class="style-header-value">eee888</td>
        </tr>
        <tr>
            <td class="style-header-label">Date:</td>
            <td class="style-header-value">Tue, Jun 27, 2017</td>
        </tr>
        <tr class="style-header-attachments">
            <td class="style-header-label">Attachments:</td>
            <td class="style-header-value"></td>
        </tr>
    </table>

    <div id="Part_2_13000205-9f10-490b-9376-dec4cd3878ad">
        <div class="replacedBody"><div dir="ltr">111</div>
        </div>
    </div>

</body>

how to share the html content with css style

0 Answers0