javascript - Using meteor js to change the text dynamically -


please check image reference

click view

the editable div added using tags , text. text inputted user. tags selected 2 boxes above them.

when data in tags changed tags selection list data changed accordingly.

but data in content-editable div remains same. need change accordingly or notify missing when deleted.

i using meteor js , blaze , react . took reference fiddle link

 "click .selectable-tags"(e, t) {        // sets tags inside method  box on click      let el = e.target.clonenode(true);     el.setattribute('contenteditable', false);     document.queryselector('[contenteditable]').appendchild(el);    },
 <div class="recipe_create_form_input_lable">ing</div>            <div class="ingredients-list">              {{#each ing}}              <div class="ingredients-div" id="ing_parent_{{@index}}">  <div class="ing-list-box-left">                  <input type="text" value="{{this}}" placeholder="ing " class="ree-create-text_box_rectangle ingredient_input"  id="ing_{{@index}}"> <span class="timelable"></span>                </div>                <div class="ings-list-box-right">                  <button type="button" class="btn btn-default delete-ing-btn" style="margin-left : 5px;">                    <!-- <img src="/images/remove-copy-2.svg" style="width:30px;"/> -->                    <label style="width:30px;height: 18px;">x</label>                  </button>                </div>              </div>              {{/each}}            </div>                        {{#each steplist}}            <div class="step-div" id="step_{{@index}}">              <div class="step-list-box-left">                <div class="rec_create_form_input_lable steplabel">step {{getstepno(@index)}}</div>                <div value="{{this}}" id="step_input_{{@index}}" name="step"  class="rec-create-text_box_rectangle stepbox step_input" contenteditable="true"></div>              </div>              <div class="step-list-box-right">                <button type="button" class="btn btn-default delete-step-btn" style="margin-left : 5px;">                                  <label style="width:30px;height: 18px;">x</label>                </button>              </div>            </div>            <div class="showbiz">                 <div class="custom-input">                   <div class="selectable-tags">                      {{#each ing }}                <span style="  background: #e1ecf4;border: 1px dotted #39739d;" class="ingredients-tags"> {{this}} </span>                       {{/each}}                    </div>  </div>            </div>            {{/each}}            <div>


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more