javascript - SummernotedirtyForm
问题描述
我正在使用 Summernote 所见即所得的形式来编写产品描述。
现在我正试图让它与 jQuery 脏表单一起工作。
它仅适用于代码视图。
更改后的内容应该显示为脏。
如果表单很脏,则必须无法使用保存按钮(图 1)。
如何检查summernote文本字段是否已更改?(内容已更改)。
这是脏检查的代码。
var formUpdateChecker = function() {
$s.DirtyForms.ignoreClass = 'ignore-dirty';
$s('form#product-update, form#form-discount, form#draftComanda, form#product-add, #form--addNewAddress, #form--editAddress').dirtyForms({
message: 'Ai facut modificari care ar putea sa nu fie salvate.'
});
$s('form#product-update, form#form-discount, form#draftComanda, form#product-add, #descriere').on('dirty.dirtyforms clean.dirtyforms summernote.change', function(ev) {
var $form = $s(ev.target);
var $submitResetButtons = $s('.btn-save');
if (ev.type === 'dirty') {
$submitResetButtons.removeAttr('disabled').addClass('btn-primary').removeClass('btn-default');
} else {
$submitResetButtons.attr('disabled', 'disabled').removeClass('btn-primary').addClass('btn-default');
}
});
};
解决方案
解决了。
var summernoteDirty = function(){
var text_content = $s('#descriere').html();
var new_text_content;
var $submitResetButtons = $s('.btn-save');
$s('#descriere, .note-codable, .note-editable').on('summernote.change dirty.dirtyforms clean.dirtyforms', function(){
new_text_content = $s('.note-editable').html();
if(text_content !== new_text_content){
$submitResetButtons.removeAttr('disabled').addClass('btn-primary').removeClass('btn-default');
}else{
$submitResetButtons.attr('disabled', 'disabled').removeClass('btn-primary').addClass('btn-default');
}
});
};
推荐阅读
- authentication - 无需令牌的 IPFS Http 客户端链接访问
- pine-script - 我为我的 strategy.exit 设置了一个特定的价格目标,但是当达到这个水平时,什么也没有发生
- python - savefig 时更改 mplfinance 图上的边距
- r - 如何从 DF 获得回报
- tableau-desktop - 在 Tableau 中创建日期计算以显示由一个月中的工作日确定的可用小时数
- javascript - 为什么我对阵列的回调不起作用?
- python - 如何检查不和谐成员是否可以更改其他角色?不和谐.py
- javascript - 传递到新屏幕的变量是空白的 - 反应导航问题
- nginx-reverse-proxy - Nginx反向代理将域转换为ip
- r - 从R中的数据集中提取正态分布的子集