designMode和自定義操作？

2011-10-18 88 views 0 likes

所以我最新的項目需要使用designMode（或類似的創建富文本編輯器的方法），但我很難使用默認命令。我寧願插入我自己的HTML在選擇器的位置。例如，我想要插入的圖像有一個對齊屬性（當然有適當的CSS），插入HTML5視頻標籤等。是否有一個「首選」的方法來做到這一點（與JavaScript或jQuery）？designMode和自定義操作？

謝謝！

來源

2011-10-18 tundoopani

回答

您不必爲此使用document.execCommand();沒有，相對簡單，也更靈活。

我已經提供了一個類似問題的答案，可以在當前的插入位置插入任意的HTML：Insert html at caret in a contenteditable div。

來源

2011-10-19 00:10:41

我編輯了代碼，以便將「窗口」替換爲doc變量。 var doc = document.getElementById（editorid）.contentWindow; 提供了editorid值。該代碼在Firefox和Chrome中運行良好，但不在IE9中。 :(我只包括js在這裏：http://jsfiddle.net/tNwFD/。我使用designMode而不是contenteditable。 – tundoopani

@tundoopani：你需要同時使用iframe的窗口和文檔對象。：http://jsfiddle.net/tNwFD/1/ –

非常感謝！它現在在IE中工作，但HTML總是添加在字段的開頭：/ – tundoopani

相關問題

11. 自定義分割操作
12. 自定義操作欄
13. WIX C++自定義操作
14. 自定義操作欄sherlock
15. Rails自定義操作
16. AWS Cloudwatch自定義操作
17. Joomla ACL自定義操作
18. 自定義Rails操作
19. WIX自定義操作
20. 自定義操作欄Sherlock
21. Rails：model_url自定義操作
22. 自定義操作函數
23. AngularJS $ resource自定義操作
24. 自定義安裝操作
25. 自定義操作失敗
26. MSI MessageBox自定義操作
27. InstallScript自定義操作
28. 自定義語音操作
29. 從.Net 2.0的Windows Installer自定義操作到.Net 4.0自定義操作 - BadImageFormatException
30. 來自C＃自定義操作的MsiSetProperty