2014-07-16 21 views
0

我從服務中獲得下面的字符串,我只是想在一個文本,以顯示它在我的網頁上:如何在TypeScript中顯示RTF?

<html><Font FontSize=\"17\" FontFamily=\"Arial\" ><Font FontSize=\"17\" FontFamily=\"Arial\" >Test</Font> </Font> <br /> </html> 

如果我這樣對我的textarea它只是似乎因爲它是無任何格式設置。

var agenda_id = $("#agenda_text"); 
var agendaArea: JQuery = $('<textarea>'); 
agenda_id.append(agendaArea); 
agendaArea.text(appointment.HtmlDescription); 

enter image description here

我想顯示在定義格式的文本 '測試'。

在此先感謝!

+1

瀏覽器不支持textarea中的RTF編輯。您可以將其轉換爲HTML並使用TinyMCE之類的所見即所得編輯器。 – jgillich

+0

是的,但我需要這個用於TypeScript。這是用C#編寫的。 –

回答

0

簡單地說,你必須要表現出一些(很討厭)HTML ...

您可以將其添加到一個元素(雖然提防HTML注入攻擊如果HTML來自不受信任的源,例如最終用戶)。

var content = '<html><Font FontSize=\"17\" FontFamily=\"Arial\" ><Font FontSize=\"17\" FontFamily=\"Arial\" >Test <b>Test</b></Font> </Font> <br /> </html>'; 

var div = document.createElement('div'); 
div.innerHTML = content; 

document.body.appendChild(div); 

如果你是因爲你想編輯的文本添加到一個文本框,您可以添加:

div.contentEditable = 'true'; 

但你將負責進出集裝箱編組內容以及標準表單元素將提供的所有可訪問性。

相關問題