Question

I have a question on a javascript i need to loop through user selection(highlighted text) and change the text direction from trl or ltr . here what i did :

this._execCom("FormatBlock", <div> );
var node = null;
if (this.area.contentWindow.getSelection) {
    node = this.area.contentWindow.getSelection().anchorNode.parentNode;

}
else if (this.area.contentWindow.document.selection) {
    var range = this.area.contentWindow.document.selection.createRange();
    if (range) {
        node = range.parentElement();
    }
    var walker=this.area.contentWindow.document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT, null, false);
    while (walker.nextNode())
    {
        x=walker.currentNode.tagName;
        if( x ==  DIV )
            walker.currentNode.style.direction="ltr";
    }

这就改变了所有四舍五入者的方向,即使这些四舍五入到突出案文中,而且我只需要改动用户选择。

请帮助我。

很多人

Answer 1

Edit: I misunderstood your question. So you just want the user to be able to click and drag to select which elements should have the direction toggled between ltr and rtl. I have an alternative to using selection ranges, which will be quite painful to use in this solution.

在这里,我利用“ j”来聆听摩擦事件,检查左 mo子是否被压抑。如果是的话,我要谈谈方向。我也使用一个习俗数据旗来防止在你拖拉时 elements弄这些元素。

There is also a bit in there to prevent the paragraphs from being selected, which may have been your intention but I found annoying. You can just comment out/remove that part if you want them to be able to select the text.

http://jsfiddle.net/nbWYK/8/“rel=“nofollow” http://jsfiddle.net/nbWYK/8/。

TL;DNR:

$(document).on("mousemove",  p , function(e) {
    var $this = $(this);

    if ($this.data( ignore-direction-toggle )) return;

    if (e.which == 1) {
        $this.data( ignore-direction-toggle , true);
        $this.css({
             direction : ($this.css( direction ) ==  ltr  ?  rtl  :  ltr )
        });
    }
}).on( mouseleave ,  p , function(e) {
    var $this = $(this);
    if ($this.data( ignore-direction-toggle )) $this.data( ignore-direction-toggle , null);
});

友情链接