如何在特定標記附近追加或換行文字

Question

在選擇菜單中，我有各種bb代碼。我想知道如何可以包裹/從#message附加用戶輸入這樣並[b] USER-HAS-類型化的東西的bbcode標籤的內部[/ B]和輸出端的結果來<pre id="display"></pre>

DEMO - http://jsfiddle.net/kwicher/ypmfK/2/

Answer 1

$(document).ready(function() { 
    $('#enableuserreply').click(function() { 

     var dis = $(this).prop('checked') ? "" : "disabled"; 

     $("#usernames").prop('disabled', dis); 
    }); 
    $('#enapletexteffect').click(function() { 

     var dis = $(this).prop('checked') ? "" : "disabled"; 

     $("#boxcode").prop('disabled', dis); 
     $("#colors").prop('disabled', dis); 
    }); 

    $('#message').keyup(function(){ 

     if ($('#enableuserreply').is(':checked')) { 
      var msg = $("#usernames option:selected").text() + " has typed "; 

      var boxcode = $("#boxcode option:selected").attr('value'); 

      var message = $('#message').val(); 
      msg = msg + message ; 

      var boxcodeArr = new Array(); 

      if(boxcode){ 
       boxcode = $.trim(boxcode.replace('[', '<')); 
       boxcode = $.trim(boxcode.replace('[/', ',</')); 
       boxcode = $.trim(boxcode.replace(']', '>')); 
       boxcode = $.trim(boxcode.replace(']', '>')); 
       boxcodeArr = boxcode.split(','); 
       msg = boxcodeArr[0] + msg + boxcodeArr[1] ;   
      } 

      $("#display").html(msg); 
      var color = $("#colors option:selected").attr('value'); 

      if(color) { 
       $("#display").css('color', color); 
      } 


     } 

    }); 
}); 

這是完整的代碼。它正在工作:)