我想创造像typeit.org那样的花哨的“文本区域”。我很确定他们使用iFrames,并将iFrame doument的contentEditable值设置为true,但符号按钮可能如何工作?使用这种技术时,如何用符号替换iFrame中的当前选择内容,或者如果没有选择任何内容,请将符号插入到光标左侧? http://currencies.typeit.org/如何处理可编辑的iFrame文档中的文本?
回答
当使用iFrame作为富文本编辑器时,可以告诉iFrame启用设计模式并执行命令。
为了使设计模式(允许用户编辑的iframe),您可以使用此代码片段:
document.getElementById("myiframe").document.designMode="on";
然后执行,当用户点击一个按钮命令,你只需使用此代码段:
var textEditor = document.getElementById("myiframe");
textEditor.document.execCommand(x,"",y);
textEditor.focus();
凡x
是命令和y
是值。有关可用命令的更多信息,请参阅MSDN。我相信OverWrite提供了您在TypeIt中看到的功能;但我可能是错的,我会研究它并更新我的答案。
编辑:由于@TimDown建议:IE不支持insertHTML,所以要在IE中做等效,请使用textEditor.document.selection.createRange().pasteHTML("some HTML")
。
谢谢你!看来'document.execCommand(“insertHTML”,“”,“some HTML”);'是我需要的,谢谢! – 2012-01-07 12:20:51
@Jimmy_Bob:请注意'insertHTML'命令没有在IE中实现。你需要'textEditor.document.selection.createRange()。pasteHTML(“some HTML”)'在IE中做同样的事情。 – 2012-01-07 14:50:33
...除了'iframe'元素没有'document'属性。 'contentDocument'是标准,'contentWindow.document'适用于不支持'contentDocument'的浏览器。 – 2012-01-09 12:03:44
- 1. 批处理文件文本编辑
- 2. 如何从Windows批处理文件编辑文本文件?
- 3. 如何在Word 2016中的文本中创建可编辑的文档属性?
- 4. 使用批处理文件编辑文件中的文本
- 5. 如何在shell中的文本编辑器中打开文件的批处理?
- 6. 通过批处理文件编辑谷歌文档文件
- 7. 如何编辑文档库
- 8. 批处理 - 编辑文本文件中的指定行
- 9. 批处理脚本编辑文件名
- 10. 处理输入按键编辑文本
- 11. 在csv文档中处理文本
- 12. 编写批处理脚本来编辑.cs文件中的文本
- 13. 如何编写Google文档类型富文本编辑器
- 14. 如何处理PDF文档?
- 15. NumPy如何处理文档到参数的sphinx文档中?
- 16. 如何在文档中处理特定值的文档?
- 17. 在Web上处理文档的异步编辑
- 18. Google脚本编辑文档表中的文本
- 19. WAR文档中的Java编辑文件
- 20. 如何在jQuery中编辑文本输入样式可编辑
- 21. 文本编辑器中的行管理
- 22. 如何编辑此文件,以便它可以处理有空格的文件?
- 23. 如何编辑批处理文件中的字符串
- 24. 如何在批处理文件中编辑选择的答案?
- 25. 在插入位置插入文本到可编辑的IFRAME(IE)
- 26. 围绕Java中的不可编辑文本编辑可编辑的JTextArea
- 27. 在Windows下使用批处理文件编辑文本文件
- 28. 使用批处理文件编辑文本文件
- 29. 在C#中的Word文档中创建和编辑文本
- 30. 不可删除和不可编辑的批处理文件
你可能想看看这个链接,而我键入一个答案:http://www.geekpedia.com/tutorial198_Creating-a-Rich-Text-Editor-using-JavaScript.html – Ivan 2012-01-06 22:33:04