2014-03-28 50 views
0

我從可以在IOS或Android上運行的移動應用程序生成電子郵件。爲什麼觸發設備上的「創建電子郵件」對話框具有正確的html格式,但是在我的Nexus 7設備(gmail中)中,HTML沒有格式化(即沒有表格呈現,只有文本)。爲什麼這個html不能正確呈現在IOS上,但不是Android? (由移動應用程序啓動)

HTML:

<head> 
    </head> 
    <body> 
    <table border="1"> 
    <tbody> 
    <tr> 
    <th>Table header</th> 
    <th>Table header</th> 
    </tr> 
    <tr> 
    <td>Table cell 1</td> 
    <td>Table cell 2</td> 
    </tr> 
    <tr> 
    <td>Table cell 3</td> 
    <td>Table cell 4</td> 
    </tr> 
    </tbody> 
    </table> 
    </body> 
    </html> 

背景:代碼是電暈SDK代碼,如下。

local centerX = display.contentCenterX 
local centerY = display.contentCenterY 
local _W = display.contentWidth 
local _H = display.contentHeight 


-- Require the widget library 
local widget = require("widget") 
local emailImage = display.newImage("email.png", centerX, 156) 


local function onSendEmail(event) 
    local options = 
    { 
     to = { }, 
     cc = { }, 
     subject = "Test", 
     isBodyHtml = true, 
     body = [[ 
      <html> 
      <head> 
      </head> 
      <body> 
      <table border="1"> 
      <tbody> 
      <tr> 
      <th>Table header</th> 
      <th>Table header</th> 
      </tr> 
      <tr> 
      <td>Table cell 1</td> 
      <td>Table cell 2</td> 
      </tr> 
      <tr> 
      <td>Table cell 3</td> 
      <td>Table cell 4</td> 
      </tr> 
      </tbody> 
      </table> 
      </body> 
      </html> 
     ]], 
    } 
    local result = native.showPopup("mail", options) 
end 


local sendEmail = widget.newButton 
{ 
    left = 0, 
    top = 0, 
    width = 298, 
    height = 56, 
    label = "Compose Email", 
    onRelease = onSendEmail 
} 


-- center horizontally on the screen 
sendEmail.x = centerX 
sendEmail.y = _H - 156 

API:http://docs.coronalabs.com/daily/api/library/native/showPopup.html

PS。我不應該在IOS工作的地方,它是觸發並保存電子郵件草稿的Apple電子郵件客戶端。在Android上,它是Gmail應用程序被觸發並保存格式不正確的電子郵件

回答

0

可能是表格呈現,只是您的邊框不是。嘗試在其中添加style="border:1px solid #000000;" to the outer table. It might help to add a width =「」`值。

+0

我會試試看,但是文字並沒有在視覺上「鋪」出來,所以我認爲它不會起作用 – Greg

+0

此外,爲了開始一個乾淨的石板調試時,我會將''替換爲'​​' - 它可能像這樣愚蠢 - 我看到了更糟糕的事情。它在Gmail網絡應用程序中的外觀如何?您可以使用[Litmus Scope](https://litmus.com/scope/)從中獲取輸出代碼,以查看它是否像在Gmail中一樣呈現表格。 – John

+0

我出去約會,但會嘗試。它實際上在gmail android客戶端中存在問題。也許你的意思是發郵件到別的地方然後看。 – Greg

1

我在移動版本中發送了大量帶有表格標籤的電子郵件,並且它們在每個移動客戶端都能很好地呈現。

Android的GMail很奇怪,雖然它是非常具體的。你需要在你的桌子標籤上放一個寬度,在你最寬的桌子或元素上,你需要設置style="min-width:XXXpx;"

因爲gmail mobile正在使用其'自動調整大小功能'來適應您的視口,所以需要的min-width樣式可能不會正確顯示。

正如John所說那些TH標籤也可能是一個問題。

相關問題