title: Extracting `<key>:<value>` pairs with regex
body: <p>there is a textarea and want to extract with <code>key:value</code> (something like below image)</p>
  <p><a href="https://i.stack.imgur.com/UzDEB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UzDEB.png" alt="enter image description here" /></a></p>
  <p>I have a regex but not working as expected</p>
  <pre><code>/([^\s][a-zA-Z!]+:(\s)?&quot;?([a-z0-9\s.]+)&quot;?[^ $])/gi
  </code></pre>
  <p>if the user enters the below string at that time regex break the group <code>key:value</code>.</p>
  <p><code>is:&quot;browser&quot; browser: &quot;chrome 11.11 V&quot; node: error type:&quot;Error&quot;</code></p>
  <p>expected group:</p>
  <pre><code>is:&quot;browser&quot;
  browser: &quot;chrome 11.11 V&quot;
  node: error 
  type:&quot;Error&quot;
  </code></pre>