Text area not displaying inner html

Wappler General How To
#1

I want to be able to insert a date stamp in a text area at the cursor position.
I started with the code below.
The code doesn’t work unless I use dmx-bind:value instead of dmx-bind:html

<div class="container">
<dmx-value id="var_content" dmx-bind:value="'this is my text'"></dmx-value>
<button id="btn2" class="btn" dmx-on:click="var_content.setValue(var_now_date.datetime.formatDate('dd/MM/yyyy HH:mm')+': '+text1.value)">Button</button>
<textarea id="text1" class="form-control" dmx-bind:html="var_content.value"></textarea>

Is this a bug?

#2

Of course text input and textarea do no support a dmx-bind:html attribute…
You have to use their value attribute as you already said…

#3

Thanks famousmag, yeh got it tried this using value it also didn’t work, anything obvious as to why?

<div class="container">
  <dmx-value id="var_content" dmx-bind:value="'this is my text'"></dmx-value>
  <dmx-value id="var_now_date" dmx-value="new Date()"></dmx-value>
  <button id="btn2" class="btn" dmx-on:click="
    var currentText = document.getElementById('text1').value;
    var cursorPos = document.getElementById('text1').selectionStart;
    var dateString = var_now_date.datetime.formatDate('dd/MM/yyyy HH:mm');
    var newText = currentText.slice(0, cursorPos) + dateString + ': ' + currentText.slice(cursorPos);
    var_content.setValue(newText);
  ">Button</button>
  <textarea id="text1" class="form-control" dmx-text="var_content.value"></textarea>
</div>
#4

What is new Date()?

use the onclick static event for pure JS:
onclick=""

image
image1477×307 49.9 KB

Here you code in JS so the dmx.parse() is needed…

WE SAID… no dmx-text or dmx-html attributes on input elements…
ONLY dmx-bind:value attribute

I think you complicate things when you can do it the easy-way, the wappler-way…