jquery - CKEDITOR on blur event not working -


using ck editor i'm trying create div editable , when changed fire event, call ajax request. i've seen this stack overflow page cant seem figure out why isn't working. navbar.php link libraries need.

any appreciated, thanks.

html:

<?php   include"navbar.php"; ?> <html>   <head>     <script src="js/test2.js"></script>   </head>   <body>     <div id="editor1" name="editor1" contenteditable="true">       <h1>         hi editable       </h1>       <p>         text       </p>     </div>   </body> </html>

js: 

$(document).ready(function(){   ckeditor.disableautoinline = true;   ckeditor.inline("editor1",{     on: {       blur: function(){         var data = ckeditor.instances.editor1.getdata();         console.log(data);       }     }   }); })

navbar libraries:

<!-- favicon --> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />   <!-- jquery css --> <link rel="stylesheet" href=" https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css ">  <!-- sweet alert css --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/sweetalert2/6.4.4/sweetalert2.min.css">     <!-- bootstrap css --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u" crossorigin="anonymous">      <!-- font awesome css --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />  <!-- code mirror css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">  <!-- froala editor css --> <link href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.6.5/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.6.5/css/froala_style.min.css" rel="stylesheet" type="text/css" />  <!-- css --> <link rel="stylesheet" href="css/navbar.css">  <!-- jquery js --> <script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdpdda6vdvinumrgo6ibivbere8p7cqr3hztbuela=" crossorigin="anonymous"></script>  <!-- bootstrap js --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-tc5iqib027qvyjsmfhjomalkfuwvxzxupncja7l2mcwnipg9mgcd8wgnicpd7txa" crossorigin="anonymous"></script>  <!-- moment.js js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.js"></script>  <!-- sweetalert js --> <script src="https://cdn.jsdelivr.net/sweetalert2/6.4.4/sweetalert2.min.js"></script>  <!-- jquery ui js --> <script src="http://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-ege6blurk5shj+rmkfsgyekyzx3m4bg+zlfya7kns7e=" crossorigin="anonymous"></script>  <!-- code mirror js --> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>  <!-- xml js --> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>       <!-- froala editor js --> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.6.5/js/froala_editor.pkgd.min.js"></script>  <!-- ck editor js --> <script src="ckeditor/ckeditor.js"></script>

trying out code have noticed ckeditor.disableautoinline = true; executed late causing error results in inline method not being called. ckeditor.disableautoinline = true; needs called before first editable element loaded.

$(document).ready(function(){    ckeditor.inline( "editor1" ,{      on: {        blur: function( evt ){                  console.log(evt.editor.getdata());        },        change: function( evt ){                  console.log(evt.editor.getdata());        }      }    });  });
<script src="https://cdn.ckeditor.com/4.7.2/standard/ckeditor.js"></script>  <script src="https://code.jquery.com/jquery-3.1.1.js"></script>  <script>     ckeditor.disableautoinline = true;   </script>  <div id="editor1" name="editor1" contenteditable="true">    <h1>      inline editor content title    </h1>    <p>      inline editor content...    </p>  </div>


Comments

Post a Comment

Popular posts from this blog

python - Operations inside variables -

this question has answer here: evaluating mathematical expression in string 12 answers i want make python script finds maximum possible output using 2 operations. problem says there syntax error @ 2nd last line, in b in there. how can fix it? x = 0 = int(input("1st number:")) c = int(input("2nd number:" )) e = int(input("3rd number:" )) in range(4): if == 0: b = "+" elif == 1: b = "-" elif == 2: b = "/" else: b = "*" j in range(4): if j == 0: d = "+" elif j == 1: d = "-" elif j == 2: d = "/" else: d = "*" k = b c d e print(k) if you're after variables e on single line, couldn...
Read more

Generic Map Parameter java -

i having lot of methods of type: public static list<eduusers> getdetails(class c, map<string, integer> params) { list<eduusers> details = null; session session = hibernateutil.getsessionfactory().opensession(); transaction tx = null; try { tx = session.begintransaction(); criteria cr = session.createcriteria(c); (map.entry<string, integer> entry : params.entryset()) { cr.add(restrictions.eq(entry.getkey(), entry.getvalue())); } details = cr.list(); tx.commit(); } catch (exception asd) { log.debug(asd.getmessage()); if (tx != null) { tx.commit(); } } { session.close(); } return details; } i trying have generic method them , have written far: public static <t> list<t> getdetails(class<t> c, class<t> b) { l...
Read more

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -

what arrayindexoutofboundsexception mean , how rid of it? here code sample triggers exception: string[] name = {"tom", "dick", "harry"}; for(int = 0; i<=name.length; i++) { system.out.print(name[i] +'\n'); } your first port of call should documentation explains reasonably clearly: thrown indicate array has been accessed illegal index. index either negative or greater or equal size of array. so example: int[] array = new int[5]; int boom = array[10]; // throws exception as how avoid it... um, don't that. careful array indexes. one problem people run thinking arrays 1-indexed, e.g. int[] array = new int[5]; // ... populate array here ... (int index = 1; index <= array.length; index++) { system.out.println(array[index]); } that miss out first element (index 0) , throw exception when index 5. valid indexes here 0-4 inclusive. correct, idiomatic for statement here be: for (int index = 0; index <...
Read more