设置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');