設計clickedit輸出

Question

我正在使用clickedit插件來編輯標籤並輸出編輯後的文本。我打算做的是在點擊和編輯標籤後格式化輸出。

HTML：

<p class="text-center"> 
    <font size="5" color="#38283C"> 
     <b><i><span id="mto-num-detail">KTR-2-KTR2-PR-C-00002</span></i></b> 
    </font> 
</p> 
<input class="form-control clickedit" type="text"/> 

的JavaScript：

// EDIT ON CLICK 
var defaultText = 'Click To Input Custom PO Number'; 

function endEdit(e) { 
    var input = $(e.target), 
     p = input && input.prev(); 

    p.text(input.val() === '' ? defaultText : input.val()); 
    input.hide(); 
    p.show(); 
} 

$('.clickedit').hide() 
.focusout(endEdit) 
.keyup(function (e) { 
    if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { 
     endEdit(e); 
     return false; 
    } else { 
     return true; 
    } 
}) 

.prev().click(function() { 
    $(this).hide(); 
    $(this).next().show().focus(); 
}); 

我的問題是如何生成的格式相同的初始文本？

Answer 1

您可以創建在CSS一類像

.color-text{ color : #F00;} 

然後點擊事件中添加這個類。

$('selector').addClass('color-text');