ComponentOne Wijmo Editor 在光标处添加文本
来源:互联网 发布:cctv网络春晚 编辑:程序博客网 时间:2024/06/06 10:46
ComponentOne Wijmo Editor 是一款强大的HTML 编辑器,可以插入table, image, links 等标签,但是没有在光标处直接插入标签的功能。但是,现在Wijmo Editor 是一款基于 jQuery 控件。现在们可以通过客户端 object 模型去实现。
在本文中,我们将通过自定义方法来实现该功能。
首先,我们要插入wijmo:C1Editor 标签来展示 Wijmo Editor 。在使用 iFrame 加载Wijmo Editor 之后,我们就可以使用 createRange 和 execCommand 方法来实现在光标处插入文本了。
下面是实现该功能的完整代码:
<script type="text/javascript"> function insetTextAtCursor(inputText) { //get the container var $designView = $("iframe", $(".wijmo-wijeditor-container")), win, doc, range; if ($designView && $designView.length > 0) { //retrieve the Window object generated by the iframe win = $designView[0].contentWindow; } if (win) { //access the document object doc = win.document; } if (doc) { try { //check if the browser is IE if ($.browser.msie) { //insert the given text doc.body.focus(); range = doc.selection.createRange(); range.pasteHTML(inputText); range.collapse(false); range.select(); } else { doc.execCommand('insertText', false, inputText); } } catch (e) { } } } </script>
截图展示:
你也试一试?
Demo下载
很高兴能和大家分享 ComponentOne 的使用方法、讨论 ComponentOne 使用过程中遇到的问题。
葡萄城控件产品网站:http://www.gcpowertools.com.cn/
葡萄城技术支持论坛:http://gcdn.grapecity.com/
- ComponentOne Wijmo Editor 在光标处添加文本
- ComponentOne Wijmo Charts 缩放
- 在光标处插入文本
- 在光标处添加数据~
- jQuery 绑定 ComponentOne Wijmo Combobox 数据源
- 使用ComponentOne Wijmo的SpreadJS合并单元格
- JavaScript 中在光标处插入添加文本标签节点 详细方法
- jQuery实现在光标处插入文本
- Javascript在光标处插入文本
- Javascript在光标处插入文本
- 通过javascript在光标处插入文本
- JS在textarea光标处插入文本
- JS在光标处插入文本
- jQuery在textarea光标处插入文本
- UITextView在光标处添加文字
- ios--UITextView在光标处添加文字
- js代码:在光标处添加字符串
- Jquery或者JavaScript实现在textarea光标处插入文本
- Solaris中默认Shell的修改以及命令行补全的设置
- 移动网络代码---中国
- ExtJs分页
- 黑马程序员---可变参数、Class类
- sp_repldone/sp_replcounters
- ComponentOne Wijmo Editor 在光标处添加文本
- 自助Linux之问题诊断工具strace
- PS02 图片文字
- 类的继承
- 在Phonegap下实现oAuth认证
- 黑马程序员 IO流学习
- 第三方Android应用市场横向对比大测评
- PyQt hello world
- 求助,rtf中文为乱码,我是ios创建rtf文件