帶格式的Textarea複製

從其他網頁複製時，我希望我的頁面中的textarea可以通過格式化進行復制。當我使用TinyMCE或CkEditor時，它顯示附近的工具欄。我不想在textarea附近顯示任何文本編輯器工具欄。它應該看起來像textarea，但粘貼時需要格式化。建議我一些想法。帶格式的Textarea複製

來源

2014-02-17 Nadeshwaran

文本域不支持的格式。 tinyMCE和CkEditor通過用他們自己複雜的元素集和JavaScript例程來替換textareas來提供格式化。 –

如果你想要格式化textareas，你必須使用你提到的編輯器或替代方法之一，或者創建你自己的（最後一個選項需要很長時間）。 –

我沒有點發表評論，所以我會張貼此位置：

你能不能刪除或隱藏你想使用（使用JavaScript）的編輯器的工具欄，所以它看起來像一個textarea ？

你可以使用像jQuery的$（「TOOLBAR_ID」）。hide（）。

來源

2014-02-17 06:05:39

是的。我想隱藏編輯器的工具欄。或者爲我提供一些其他的textarea格式的解決方案 – Nadeshwaran

您可以使用div和contenteditable="true"。在下面的示例中，您會先看到div和textarea，然後用button分隔。如果您將某些東西粘貼到div並單擊button，您會在textarea內看到粘貼內容的HTML。當然，你可以用CSS（display:none;）隱藏這個textarea，然後用它作爲HTML表單的一部分。通常的做法是在提交表單時將div的內容複製到textarea，例如，應用於點擊button的函數也可能包含一條線，如document.myForm.submit();。

<html> 
<head> 
<style type="text/css"> 
#myDiv, #myTxt{ 
    width:300px; 
    height:180px; 
    border:1px solid black; 
} 
#myDiv{ 
    overflow:auto; 
} 
#myBtn{ 
    display:block; 
    margin:6px 0px; 
} 
</style> 
</head> 
<body> 
<div id="myDiv" contenteditable="true"></div> 
<button type="button" id="myBtn">See HTML Below</button> 
<textarea id="myTxt" readonly></textarea> 
<script type="text/javascript"> 
document.getElementById("myBtn").onclick = function(){ 
    document.getElementById("myTxt").innerHTML = document.getElementById("myDiv").innerHTML; 
} 
</script> 
</body> 
</html>

Demo

來源

2014-02-17 06:09:05

我不想要這個。我想在textarea中複製粘貼格式。 – Nadeshwaran

textarea不支持formattng，你應該通過contenteditable =「true」在div內模擬textarea –

帶格式的Textarea複製

回答

相關問題