Question

你好，我正在创建一个聊天应用程序，我试图将textarea接受为svg文件，但是它仅接受代码，因此我将代码带到了文本区域。问题是svg文件（使它们成为php）的文本很大。我如何只用一个字就能将它们覆盖/替换为文本区域？而且我只能使用一次，如何每次要添加表情符号时都无需按F5键就可以多次使用它？这是聊天代码，谢谢！

    <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>

          <center><p class="emoticonsTitle">Emojis</p></center>
            <div class="emojis">
              <ul>
                  <li><a style="cursor: pointer;" onclick="test()"><img 
                src="emoticons/cloudda3.svg" 
               style="width:28px;height:28px;"/></a></li>
                  <li><a style="cursor: pointer;" onclick="test2()"><img 
  src="emoticons/cloudnigh3.svg" style="width:28px;height:28px;"/></a></li>
                  <li><a style="cursor: pointer;" onclick="test3()"><img 
  src="emoticons/cloudy.svg" style="width:28px;height:28px;"/></a></li>
                  <li><a style="cursor: pointer;" onclick="test4()"><img 
  src="emoticons/cloudy-day-1.svg" style="width:28px;height:28px;"/></a> 
  </li>
                  <li><a style="cursor: pointer;" onclick="test5()"><img 
  src="emoticons/cloudy-day-2.svg" style="width:28px;height:28px;" /></a> 
  </li>
                  <li><a style="cursor: pointer;" onclick="test6()"><img 
                  src="emoticons/cloudy-night-1.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test7()"><img 
                  src="emoticons/cloudy-night-2.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test8()"><img 
                  src="emoticons/night.svg" style="width:28px;height:28px;" 
                   /></a></li>
                  <li><a style="cursor: pointer;" onclick="test9()"><img 
                  src="emoticons/rainy-1.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test10()"><img 
                  src="emoticons/rainy-2.svg" 
                   style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test11()"><img 
                  src="emoticons/rainy-3.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test12()"><img 
                  src="emoticons/rainy-4.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test13()"><img 
                  src="emoticons/rainy-5.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test14()"><img 
                   src="emoticons/rainy-6.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  <li><a style="cursor: pointer;" onclick="test15()"><img 
                   src="emoticons/rainy-7.svg" 
                  style="width:28px;height:28px;" /></a></li>
                  </ul>



          <script type="text/javascript">
          function test(){
              $.ajax({url:"cloudda3.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test2(){
              $.ajax({url:"cloudnigh3.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test3(){
              $.ajax({url:"cloudy.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test4(){
              $.ajax({url:"cloudy-day-1.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test5(){
              $.ajax({url:"cloudy-day-2.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test6(){
              $.ajax({url:"cloudy-night-1.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test7(){
              $.ajax({url:"cloudy-night-2.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test8(){
              $.ajax({url:"night.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test9(){
              $.ajax({url:"rainy-1.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test10(){
              $.ajax({url:"rainy-2.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test11(){
              $.ajax({url:"rainy-3.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test12(){
              $.ajax({url:"rainy-4.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test13(){
              $.ajax({url:"rainy-5.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test14(){
              $.ajax({url:"rainy-6.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          function test15(){
              $.ajax({url:"rainy-7.php",success:function(result){
              $("#comment").text(result);
            }})
           }

          </script>

           </div><!--Emojis-->
           <br>
           <br>
      <input type="text" style="display:none;" id="username" value="<?php 
      echo 
      $_SESSION['user']['username']; ?>">
          <button id="btn" name="btn" type="submit" onclick="post();" 
         style="top: 30px; cursor: pointer; color: #000; font-size: 24px; 
         height: 40px; border:none; font-weight: bold; box-shadow: inset 0 
        -15px 35px -5px rgba(0,0,0,0.3);">Αποστολή
          </button>

   </div>
   </div>

Answer 1

Drac WarThorn，

我认为您应该使用val（）而不是text（）为TextArea推送新值

<script type="text/javascript">
          function test(){
              $.ajax({url:"cloudda3.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test2(){
              $.ajax({url:"cloudnigh3.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test3(){
              $.ajax({url:"cloudy.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test4(){
              $.ajax({url:"cloudy-day-1.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test5(){
              $.ajax({url:"cloudy-day-2.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test6(){
              $.ajax({url:"cloudy-night-1.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test7(){
              $.ajax({url:"cloudy-night-2.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test8(){
              $.ajax({url:"night.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test9(){
              $.ajax({url:"rainy-1.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test10(){
              $.ajax({url:"rainy-2.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test11(){
              $.ajax({url:"rainy-3.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test12(){
              $.ajax({url:"rainy-4.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test13(){
              $.ajax({url:"rainy-5.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test14(){
              $.ajax({url:"rainy-6.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          function test15(){
              $.ajax({url:"rainy-7.php",success:function(result){
              $("#comment").val(result);
            }})
           }

          </script>

Answer 2

您可以为此目的使用contenteditable属性

char *temporary_variable = fubar;
fubar = fubar + 1;
*temporary_variable;  // the result of the whole expression

如何用关键字替换文本？

2 个答案: