javascript - jQuery .select() not working and how to get the node at caret? -

-

मुझे एक कोड में contentedable div । 

  फ़ंक्शन पाठ शैली (सीएसएस) {var sel, el, range, selectedText sel = window.getSelection () श्रेणी = sel.getRangeAt (0) selectedText = range.toString () श्रेणी .deleteContents () एल = document.createElement ('span') $ (एल)। सीएसएस (सीएसएस) el.innerHTML = चयनित पाठ सीमा.इंसर्टनोड (एल) श्रेणी = श्रेणी.क्लोनरेन्ज़ () श्रेणी.सेटस्टार्ट पहले (एल.फस्टबिल) श्रेणी .setEndAfter (el.firstChild) sel.removeAllRanges () sel.addRange (श्रेणी)} $ ('.bold') .on ('पर क्लिक करें', फ़ंक्शन () {textStyle ({'font-weight': 'bold'} ) () '$' ('.italic') .on ('click', function () {textStyle ({'font-style': 'italic'})}) $ ('.edit')। चयन (कार्य () {Console.log ($ (this))})

शैली जोड़ना काम कर रहा है लेकिन अब मुझे Google ड्राइव के समान व्यवहार करना है और बटन को उपयोगकर्ता को एक प्रतिक्रिया दें। इसलिए जब मैं एक bold पाठ भाग में कैरेट डालता हूं, तो मैं बोल्ड बटन को हल्का करना चाहता हूं !!!

क्या ये jQuery के साथ किया जाता है? .select () मेरे लिए काम नहीं कर रहा है? डॉक्स का कहना है:

सम्मिलन बिंदु का स्थान केवल सेटिंग को ट्रिगर नहीं करेगा।

संपादित करें: अंत में मैं बस स्टाइल को पूर्ववत करने में सक्षम होना चाहता हूं और उसके पहले उपयोगकर्ता के लिए एक राय है!

संपादित करें 2: "अनुपलब्ध" सेमीकॉलन के बारे में।

< H2>

मैंने थोड़े किया; इस तरह:

सीएसएस 

  .bold {font-weight: bold; } .italic {font-style: italic; }। हाइलाइट {पृष्ठभूमि: लाल! महत्वपूर्ण; }

जावास्क्रिप्ट 

  var obj = {ndx: null} function textStyle (सीएसएस) {var sel, el, range, selectedText sel = window.getSelection () यदि (sel.toString ()! = '') {Range = sel.getRangeAt (0) चयनित पाठ = श्रेणी.टस्टिंग () range.deleteContents () एल = document.createElement ('span') $ (el)। AddClass (सीएसएस) el.innerHTML = चयनित पाठ सीमा.निर्णातिनोड (एल) श्रेणी = श्रेणी.क्लोनरेन्ज़ () श्रेणी .setStartBefore (el.firstChild) श्रेणी .setEndAfter (el.firstChild) sel.removeAllRanges () sel.addRange (श्रेणी) $ ('Input.button।' + Css) .addClass ('हाइलाइट')}} फ़ंक्शन अनस्टाईल () {var नोड = $ ('। एडिट स्पैन') .eq (obj.ndx), text = node.text () , श्रेणी = दस्तावेज़.create रेंज () श्रेणी.सैक्टनोड (नोड [0]) var दस्तावेज़फ़्रेग्मेंट = रेंज.क्रेते कन्टेन्टेक्चुअल फ्रेगमेंट (टेक्स्ट) रेंज.इन्सर्टनोड (डॉक्यू Mentfremagment) node.remove ()} $ ('.bold') .on ('click', function () {if ($ (this) .hasClass ('highlight')) {अनस्टील () $ (this) .removeClass ('हाइट')} अन्य {टेक्स्ट स्टाइल ('बोल्ड')}} $ ('.italic') .on ('click', फ़ंक्शन) {if ($ (this) .hasClass ('highlight')) { $ ('एडिट' E.target) .closest ('span'), spanL = span.length obj.ndx = span.index () के लिए (i = 0; मैं & lt; स्पानल; I ++) {span = span [i] .className} $ ('input.button') .removeClass ('हाइलाइट') अगर (स्पैनएल) {$ ('input.Button।' + Span) .addClass ('हाइलाइट') }})


Comments

Post a Comment

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

-
I have written a simple httprequest / response code and I am getting this error below: I used to type in my classpath httpclient, httpcore, common -Codecs and general logging. I am very new to Java and I do not know what's going on here. Please help me. code: import org.apache.http.client.HttpClient; Import org.apache.http.client.methods.HttpGet; Import org.apache.http.HttpResponse; Import org.apache.http.impl.client.HttpClientBuilder; Import org.apache.http.Header; Import org.apache.http.HttpHeaders; Public class UnshorteningUrl {public static zero main (string [] args throws exception {HttpGet request = zero; HTTP Client Client = HTTP ClientBuilder.credit (). Build (); Try {Request = New HTTP Gate ("trib.me/1lBFzSi"); HttpResponse httpResponse = client.execute (request); Header [] header = httpResponse.getHeaders (HttpHeaders.LOCATION); // Preconditions.checkState (headers.length == 1); String new url = header [0] .getValue (); System.out.println ("new url...
Read more

c# - Chart control: Design messed Up after clearing and re-adding Y-Values -

-
Image
The day was struggling with this. I have three series on a chart that looks like this. Note: I am using vanof control. They are being added on the basis of input from the calculation. I am using this code to add value to each series. this.chart1.Series ["green"]. Points. AddY (greenvalue); This.chart1.Series ["totalsaving"] Points.AddY (totalsavingvalue). This.chart1.Series ["blue"] Points.AddY (bluevalue). I have set series properties like this. Both green and totalsaving are set to StackedColumn, the blue chart is set to the column for type. I started then To do is a button that brings the user back to the input field and then I am using this code to clear the series values ​​on the start code. chart 1. Series ["totaling"]. Points. clear (); Chart1.Series ["green"] Points.Clear () .; Chart1.Series ["blue"] Points.Clear () .; The same calculation click above is being calculated for the calculation of th...
Read more

ruby on rails - Apipie interferes with proper error codes -

-
I can not find this little bit in the API's docs. Let me make this special AP ready, and I thought I would document it with APP, all fine and dandy, and the ultimate verification is good, but I feel that the response to failure in verification I can not seem to throw the right HTTP code in For example, I have this post / user method, which obviously makes the user in my database good, right? Well, this is something wrong, and it's ok, but if, say, I throw the standards that it does not pass the validity of the apipie, chops apipies and throws a good old-fashioned error, if something is wrong, 422 responds with a fixed unit failure / error: post '/users.json' ,: user = & gt; D Apipie :: ParamInvalid: Invalid parameter 'Email' value "": Regular expression / [a-zA-Z0-9 will match - -] + \ @ [a-zA-Z0-9 \ -.] + \. [Az] {2,} /. # ./spec/requests/usersapi_spec.rb:66:in `In Block (Level 3) & lt; Top (required) & gt; ' Let me assume ...
Read more