javascript - clone div is not displaying same code straight away -

-

on code have area can preview code typing. problem having when select text , click on button either bold, italic, pre. preview area not display same code straight away.

question how can make sure preview area when select text , click on button display correct code below straight away. @ moment displays plain text.

live example

codepen code view

codepen full view

script

<script type="text/javascript">  $('#code_view').on('click', function(e) {     var code = $('#editable').clone();     $('#preview').html(code); });  $('#editable').keyup(function(){     $('#code_view').trigger('click'); });  $('#editable').each(function(){     this.contenteditable = true; }); </script>

html

<div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12"> <div class="form-group"> <input type="text" class="form-control" name="title" placeholder="title" /> </div> </div> </div>  <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12"> <div class="panel panel-wmd">     <div class="panel-heading">         <div class="clearfix">             <div class="pull-left">                 <button id="bold" class="btn btn-default">b</button>                 <button id="italic" class="btn btn-default"><i>i</i></button>                 <button id="pre" class="btn btn-default">{}</button>                 <button id="code_view" class="btn btn-default">code view</button>             </div>             <div class="pull-right">             </div>         </div>      </div>     <div class="panel-body">          <div id="editable"></div>     </div><!-- .panel-body --> </div><!-- .panel --> </div> </div>  <div class="row">     <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12">         <div id="preview"></div>     </div>   </div> </div><!-- .container -->

seeing @ code have done right. achieving result instantly on click of button need call code_view click function on functionality buttons.

updated code:

code pen

hope helps you.

-help :)


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more