Telerik raddeitor在拖动时移动光标
Telerik RadEditor move cursor while dragging
我有一个c# webforms页面,我想把html元素拖到一个电子阅读器中。这部分按预期工作,除了当您将一个元素拖到编辑器上时,我希望raddeditor中的光标位置跟随鼠标。它的设置类似于Teleriks网站上的演示。除了我使用的是listview而不是treeview。http://demos.telerik.com/aspnet-ajax/editor/examples/treeviewandeditor/defaultcs.aspx
我试过模拟点击鼠标来移动光标,但没有运气。什么好主意吗?
编辑:我上周做了一个半工作的解决方案。它远非完美,但我决定分享它,以防有人想让它更好。
function controlDragging(sender, args) {
var event = args.get_domEvent();
var editor = $find("radEditLayout");
if (isMouseOverEditor(editor, event)) {
var x = event.pageX - event.offsetX;
var y = event.pageY - event.offsetY;
var node = editor.get_document().elementFromPoint(x, y);
if (node) {
setCaret(editor, node, 0);
}
}
}
function setCaret(editor, element, position) {
var selection = editor.getSelection(),
range = selection.getRange(true);
if (range.setStartAfter) {//W3 range
range.setStartAfter(element);
}
else { //IE7/8 textRange
range.moveToElementText(element);
range.moveStart('character', position);
}
range.collapse(true);
selection.selectRange(range);
}
function isMouseOverEditor(editor, event) {
return $telerik.isMouseOverElementEx(editor.get_contentAreaElement(), event);
}
还有什么建议吗?
也许你将能够找出一些范围,但我不确定究竟如何,因为我没有使用它们。下面是获取已选定范围http://www.telerik.com/help/aspnet-ajax/editor-getselection-1.html的基础知识,下面是如何获取文档对象,以便您可以在其中使用范围:http://www.telerik.com/help/aspnet-ajax/editor-getting-reference-to-radeditor-documentobject.html。也许这可以帮助你开始,但我认为这将是很多工作:如何设置插入符号(光标)的位置在可满足元素(div)?因为我不确定如何从鼠标坐标计算光标的位置
我知道这篇文章很老了,但也许其他人可以从中受益。这是一个片段,帮助我在RadEditor内容区域的随机位置。它不需要移动光标的位置。
kendoDropTarget({
drop: function(e) {
debugger;
var top = e.draggable.drag.y.location - $('.k-content').offset().top;
var left= e.draggable.drag.x.location - $('.k-content').offset().left;
element.css({
top: top + 'px',
left: left + 'px'
});
$('.overlay').remove();
$('.k-content').contents().find('body').html($('.k-content').contents().find('body').html() + $(element).outerHTML());
}
相关文章:
- 无法在 NG 网格中行的编辑字段中移动光标
- 崇高文本 直接在标签之间上下移动光标
- 使用 Javascript 移动光标位置
- 数学鹅毛笔乳胶 - 如何通过代码移动光标(选择)
- 移动光标位置在带有滚动插件的文本区域上不起作用
- 将光标聚焦在 HTML 上创建,然后在 Lightswitch 2013 中的属性字段之间移动光标
- 使用JQuery移动光标时隐藏/显示元素的最佳方式
- jQuery:在模糊上移动光标到文本框
- 在Android浏览器中移动光标输入文本
- Javascript:防止鼠标点击事件移动光标(防止它改变选择)
- Telerik raddeitor在拖动时移动光标
- 在不移动光标的情况下,在contentitable内的某些文本周围放置标记
- 如何阻止codemirmirror在上键时移动光标
- 如何在输入文本字段中移动光标
- 在屏幕阅读器中移动光标
- 快速移动光标时不触发React事件onMouseLeave
- 使用Javascript自动移动光标到下一个表单字段
- 如何移动光标和点击项目使用firefox插件脚本,如imacros
- 输入文本字段don'单击鼠标时不要移动光标
- 如何在Mozilla的自定义文本框中移动光标到插入的文本前面