如何使用的designMode

Question

我試圖創建一個使用的designMode /的execCommand一個非常簡單的和光所見即所得的編輯器，例如，當默認段落：

$(document).ready(function() { 
    wysiFrame.document.designMode = 'On'; 
}); 
<iframe name="wysiFrame" id="wysiFrame"></iframe> 

當我在iframe中輸入文本它不裹任何標籤。當我打回了新的生產線被包裹在一個div，如：

here's my bit of text 
<div>and this is the text after hitting return</div> 

如果我添加：

$('#wysiFrame').contents().find("body").append('<p>Select me and type</p>'); 

，然後選擇文本並在鍵入標籤添加（在Chrome中至少）如預期的那樣，新的段落和換行符。

我想：

$('#wysiFrame').contents().find("body").append('<p></p>'); 

但是，這給了我：

My typed text 
<p></p> 

有沒有辦法段落標記內換行輸入的文本？我在網上搜索，但只能找到防止換行符參考段落標籤的參考。 歡迎所有幫助，建議和想法。 在此先感謝。

Answer 1

管理得到的東西雖然不夠優雅，但可能對其他人尋找一種沒有大驚小怪的簡單（髒！）解決方案有用。在我的‘功能「的designMode =’我說：

$('#wysiFrame').contents().find("body").append('<p>&nbsp;</P>'); 

當您在iFrame中單擊空格和結束段落標記，只是一點點清理需要服務器端之間的插入點土地。在Chrome，Safari和Firefox中進行測試似乎可靠地運行。 有沒有其他建議呢？