iframe做编辑器, 如何获取光标位置并插入内容

tcmis 2014-08-30 10:58:01
网上找了一大堆, 自己也写了一大堆, 最终还是没有成功, 如何准确简单的获取iframe编辑器光标的位置并插入内容 ,希望大侠赐教, 搞了几天了。 。。。谢谢。
...全文
163 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
tcmis 2014-09-03
  • 打赏
  • 举报
回复


			var iframe = document.getElementById(jeditor.InstanceName);
			
			var iframeDocument = iframe.contentDocument
					|| iframe.contentWindow.document;

			$(iframeDocument)
			.bind(
					"mouseup",
					function() {
						var editor = document.getElementById(jeditor.InstanceName); 
						editor.focus();
						jeditor.Range = editor.contentWindow.document.selection.createRange();//保存路径
					});


		  function insertText (text) {
			if (document.all){
				jeditor.Range.select(); //无论是否选择了内容,都能使光标回到原来的位置
				jeditor.Range.pasteHTML(text);
			}else{
				var editor = document.getElementById(jeditor.InstanceName);
				editor.focus();
				var rng = editor.contentWindow.getSelection().getRangeAt(0);
				var frg = rng.createContextualFragment(text);
				rng.insertNode(frg);
			}
		};
IE, FF下测试通过
  • 打赏
  • 举报
回复
iframe mouse position 应该可以搜到一大推。比如: http://codecorner.galanter.net/2012/02/26/absolute-coordinates-of-element-inside-of-iframe/ http://www.coderanch.com/t/448444/HTML-CSS-JavaScript/cursor-position-iframe

87,903

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧