designMode和自定义操作？

2011-10-18 58 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

designMode和自定义操作？

回答

相关问题