在文本區域內顯示div

我正在尋找在文本區域顯示html。是否可以使用javascript或jquery在<textarea>中顯示包含表單元素的<div>？在文本區域內顯示div

2012-01-23 willem76

你只能將HTML內容放在'textarea'裏面，但是你不能在容器內顯示它。 – Samich

您可以查看一些現有的開源WYSIWYG編輯器。除非你的項目要建立所見即所得，否則我強烈建議使用這些，因爲完善和維護一個所見即所得的工作有很多工作要做。它通常由黑客組成，所以跨瀏覽器優化是一個b ** ch。我個人使用www.ckeditor.com。 –

如果你不得不做這樣的事情，你會考慮讓textarea背景透明，並且絕對將你想要的內容定位在textarea後面。 – Undefined

您不能將HTML元素放置在文本區域內，只能放置文本內容。

2012-01-23 14:49:53 JaredMcAteer

@Juicy Scripter好的櫃檯:-) – Exception

'只有文字內容'覆蓋那部分。 – JaredMcAteer

不，這是不可能的（它不會呈現UI）。如果你想顯示錶單域，你爲什麼使用textarea？你可以使用普通的html。

2012-01-23 14:50:59 ShankarSangoli

因此，不可能在<textarea>中使用html標籤。你必須找到解決方法。

2012-01-23 14:51:45

你不能把div放在textarea中，但有時你需要這樣做。好消息是，您可以通過其他方式使用元素的屬性來執行此操作。像

<div contenteditable="true" style="min-height:50px; width:300px;" id="txtDiv"> 
</div>

這個div的行爲完全像一個textarea的，但你可以添加你想要的任何東西。並記住當你想從jquery裏面抓取數據時

var ContentofDiv = $('#txtDiv').html();

現在你可以像其他人一樣追加孩子了。

2014-02-03 13:38:52

回答