想要创建一个复制svg文件代码并将其粘贴到文本区域中的函数

Question

这是我的清单。起初，我只有第二种选择的功能，即svg文件，但它仅复制文件的根目录

$("#buttonEmoji").click(function() {
  $("#comment").append('emoticons/cloudda3.svg');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dropdown" id="images">
  <button onclick="myFunction()" class="dropbtn">Emojis</button>
  <div class="dropdown-content">
    <ul>
      <li><img src="emoticons/confused.png" /></li>
      <li>
        <a href=""><img src="emoticons/cloudda3.svg" style="width:28px;height:28px;" />
          <a href="#" onclick="cloudda()"></a>
      </li>
      <li><img src="emoticons/cloudnigh3.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/cloudy.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/cloudda3.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/cool.png" /></li>
      <li><img src="emoticons/cloudy-day-1.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/cloudy-day-2.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/cloudy-night-1.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/cloudy-night-2.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/cloudda3.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/crying.png" /></li>
      <li><img src="emoticons/devilish.png" /></li>
      <li><img src="emoticons/night.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/rainy-1.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/rainy-2.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/rainy-3.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/rainy-4.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/rainy-5.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/rainy-6.svg" style="width:28px;height:28px;" /></li>
      <li><img src="emoticons/rainy-7.svg" style="width:28px;height:28px;" /></li>
    </ul>
  </div>
</div>
<textarea id="comment" style="width: 280px; margin-top: 10px; box-shadow: inset 0 -15px 35px -5px rgba(0,0,0,0.3); height: 40px; overflow: auto;">
    </textarea><br> and here is the function I'd create but it only copies the root of the file

<button id="buttonEmoji">Add Emoji</button>