title: How to make an Custom Editable template UI in Angular
body: <p>Basically, we will show some SMS templates. after selecting one template we need to make the template editable but just some parts.</p>
  <p>This is the UI Screenshot. So if there is a {#var#} we can edit that part.</p>
  <p><a href="https://im.ge/i/1s4paK" rel="nofollow noreferrer">UI Screenshot</a></p>
  <p>Here I get the SMS template as an HTML template and can show it . But how can I develop this UI? So that I can do the necessary configuration to handle such things link min 38 characters in each var input field and also can detect the change when someone makes any in any input field. so that i can update the length of the whole message.</p>