Copy code snippet, modify and paste into another Div

Question

Copy code snippet, modify and paste into another Div

Navigation

#1 by (0 votes)

0

I am designing an experimental system where when clicking a button it copies what is selected (in this case an excerpt in html) like the one below:

<section>
  <h1> titulo </h1>
  <p>texto desta área</p>
</section>

<button>Modificar código</button>

Next it would make a change in the code inserting the tags that need to be inserted (for my need)

[[bloco]]
    [[repetir]]
    <section>
      <h1> titulo </h1>
      <p>texto desta área</p>
    </section>
    [[/repetir]]
[[/bloco}}

Will I need to use regex? Is there any way to do this just by copying the contents, changing and pasting without needing to use regex?

javascript html regex tags

asked by anonymous 18.04.2018 / 12:55

1 answer

How to add current date with variable date How to create a CONSTRAINT CHECK in SQLServer to validate versions with RegEx

score 0 · Answer 1

A simple way to copy code is by using innerHTML but you would need something outside to catch that bit of code, for example:

<div id="copiarConteudo">
 <section>
  <h1> titulo </h1>
  <p>texto desta área</p>
 </section>
</div>

In this case it was enough:

<button onclick="Copia();">Copiar</button>
<script>
  function Copia(){
    var codigo = document.getElementById("copiarConteudo").innerHTML;
  }
</script>