【发布时间】：2018-07-09 01:28:56
【问题描述】：
我正在构建一个使用 Summernote 编辑器 (https://summernote.org/) 的应用程序。
它工作得很好，现在我想处理粘贴事件。想法是我想将内容粘贴为纯文本。此页面中的一些谷歌搜索结果： Paste content as plain text in summernote editor.
这导致了我的问题 - 我试图实现这一点但没有成功。
我的密码：
我在我的 Bootstrap / ASP.NET MVC 应用程序中实现了 Summernote，如下所示（我使用 Summernote 0.8.8）：
<div class="form-group mb-3">
@Html.LabelFor(c => c.Content)
<div class="card-body">
<form class="form-horizontal form-bordered">
<div class="form-group row">
<div class="col-sm-12">
<textarea name="Content" id="summernote" class="summernote" data-plugin-summernote data-plugin-options='{ "height": 180, "codemirror": { "theme": "ambiance" } }'>
@Html.Raw(Model.Content)
</textarea>
</div>
</div>
</form>
</div>
我现在尝试添加以下代码：
$('#summernote').summernote({
onPaste: function (e) {
var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
e.preventDefault();
document.execCommand('insertText', false, bufferText);
}
});
但这永远不会被击中。如果我在粘贴函数中创建console.log()，它永远不会命中。
然后我尝试按照 Summernote 网站上的文档进行操作，然后：
$('#summernote').on('summernote.paste', function(e) {
var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
e.preventDefault();
document.execCommand('insertText', false, bufferText);
});
完美，现在事件实际触发了。但是所有这些都变得未定义，因此在 GetData 上失败：
((e.originalEvent || e).clipboardData || window.clipboardData)
所以我得到以下错误：
Uncaught TypeError: Cannot read property 'getData' of undefined
at HTMLTextAreaElement.<anonymous> (UpdateCommunication?communicationId=65925cb9-4300-439c-8f96-e00de78e1727:291)
at HTMLTextAreaElement.dispatch (jquery-1.10.2.js:5109)
at HTMLTextAreaElement.elemData.handle (jquery-1.10.2.js:4780)
at Object.trigger (jquery-1.10.2.js:5021)
at HTMLTextAreaElement.<anonymous> (jquery-1.10.2.js:5705)
at Function.each (jquery-1.10.2.js:671)
at init.each (jquery-1.10.2.js:280)
at init.trigger (jquery-1.10.2.js:5704)
at Context.triggerEvent (summernote-bs4.js:1707)
at HTMLDivElement.<anonymous> (summernote-bs4.js:4422)
所以我遇到的问题是 StackOverflow 上的建议解决方案对我来说永远不会触发 - 回调永远不会命中。如果我关注summernote.paste function、https://summernote.org/deep-dive/#onpaste，粘贴值似乎是未定义的！
【问题讨论】：
标签： jquery asp.net-mvc twitter-bootstrap paste summernote