javascript - 如何在 Javascript/Redactor 中检测来自 OS X 字符查看器和 iOS 表情符号键盘的表情符号插入事件?

标签 javascript contenteditable nstextview emoji redactor

我无法让 Redactor(Imperavi 的 WYSIWYG contenteditable 网页编辑器)识别字符插入事件,它是由 OS X Character Viewer 和内联表情符号调色板以及 iOS表情符号调色板。

Redactor 不会同步更改,直到我添加一个空格或触发一个粘贴事件。然后它会像人们期望的那样被拾取并保存。在提交表单之前强制同步似乎也不会选择 Angular 色(或者我做错了)。

是否有与这些 OS X/iOS 调色板触发的插入相关的特定事件,或者您是否有一些解决方法让 Redactor 注意到该字符?

试试 http://imperavi.com/redactor/examples/placeholder/ ;在文本输入区域内单击,使用 -ctrl-space 调用表情符号调色板,然后单击表情符号将其插入。占位符未消失是插入未注册的一个指标。

最佳答案

DOMCharacterDataModified 事件通知插入并可用于触发 .redactor('code.sync')。

所以我在 initCallback 中将其设置为事件监听器,并在 Redactor 使用的底层文本区域显示为空时使用它;这是因为即使在同步之后,仅由表情符号组成的内容也不一定会继续同步。 (当文本区域有内容时,同步似乎包括表情符号)。

关于javascript - 如何在 Javascript/Redactor 中检测来自 OS X 字符查看器和 iOS 表情符号键盘的表情符号插入事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30559147/

相关文章:

javascript - 为什么 Canvas 矩形的颜色卡住了?

javascript - Angular 2 : How do you render HTML from a JSON response without displaying the tags to the user?

jQuery:在输入时将文本 URL 转换为链接

html - 如何在 Angular 4 的 contenteditable div 中设置插入符号位置?

cocoa - 如何将可点击的复选框插入 nstextview 中?

macos - NSTextView : how to subclass, 覆盖 -mouseDown 并且仍然能够选择文本?

macos - 如何在 SwiftUI 中自动扩展 NSTextView 的高度?

javascript - Chartkick 未在 heroku 中加载,但在本地工作

javascript - Phonegap - native 启动画面和 index.html 之间的空白屏幕

javascript - 可编辑 DIV 在光标处添加一些文本