我有一個正好爲425px x 100px的盒子，我希望我的用戶使用所見即所得的編輯器對盒子內容進行樣式設置。他們應該能夠使用該框中的幾乎所有HTML。適用於固定盒子的最佳JavaScript所見即所得解決方案
不，我正在尋找一個適當的所見即所得的編輯器，我曾經使用TinyMCE來解決這類問題，但我認爲它最適合長連續文本，但現在我有一個固定的盒子。
如果編輯器能夠絕對定位文本和圖像，用戶就可以將他們的內容定位到該盒子內的任何位置，這將非常棒。
我發現CKEditor的有用，有任何關於圖片或文字豐富的功能，讓你倆的所見即所得和html源代碼格式化方法，也有固定大小的「畫布」上，用戶可以根據需要定製，
我的實際使用它的打印屏幕， 
這裏是源屏幕 
，最後我使用800x500固定大小的畫布
我正在做一些類似的Ckeditor以及。 OP所需的元素的任何「定位」，都不能被編輯器支持，可以使用自定義對話框/插件功能輕鬆合併。 – 2012-03-31 01:42:59
這wysiwyg似乎非常接近tinymce，我不能找到一個選項來使用用戶可以定製的修復大小的「畫布」。 – 2012-03-20 22:38:32
畫布的高度和寬度可以通過tariq進行調整。您只需要關閉關閉工具欄的按鈕，因爲關閉工具欄會恢復一些畫布空間（從而更改畫布的大小）。 – 2012-03-31 01:45:02
可以使用TinyMCE的做到這一點。要定位文本和圖像修復，您將需要一個自己的內容CSS（請參閱tinymce documentation for the configuration parameter content_css）。你甚至可以在這個CSS中定義tinymce內容的段落寬度，解決你的盒子問題。針對你的機器的問題（要放置在自己的CSS文件）的CSS看起來像下面這樣：
p {
width: 100px;
}
關於長度（或更好heigth），你可能需要實現自己的插件，並檢查長度的編輯內容。如果已經達到該長度，則刪除用戶剛剛嘗試插入的字母/內容。
一個簡單而有效的解決方案是PageDown。它使用Markdown，因此它允許HTML格式。但是，PageDown包含兩個腳本來清理其內容。有點修補你可以允許或限制額外的標籤。
至於定位，正如Thariama所言，這很容易被CSS控制，所以這對所見即所得的編輯來說不是問題。
根據您的需求，我建議爲nicedit。您也可以將它放在輕型版本中，同時也有固定的高度和寬度。
您是否要求一個允許用戶將html元素完全放置在固定容器內的Web應用程序？ – 2012-03-28 21:53:26
是的某種wysiwyg編輯器。這爲固定容器優化。 – 2012-03-29 09:38:44