如何将表情符号面板添加到 Extjs 项目
how to add emojis panel to Extjs project
知道如何将 jQuery.emojiarea 与 Extjs sencha 集成,或者是否有任何其他库可以将表情符号添加到我的 extjs 项目
像这样:
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.form.FormPanel', {
title: 'Sample TextArea',
width: 400,
bodyPadding: 10,
dockedItems: [{
xtype: 'toolbar',
items: [{
text: "Show Form Values",
handler: function () {
var formPanel = this.up('form');
console.log(formPanel.getValues());
}
}]
}],
items: [{
xtype: 'textareafield',
grow: true,
name: 'message',
fieldLabel: 'Message',
labelAlign: 'top',
anchor: '100%',
value: "lorem ipsum dolor sit amet :smile:",
listeners: {
afterrender: function (textArea) {
$('#' + textArea.getId()).emojiarea({
button: '#emojiesButton'
});
}
}
}],
renderTo: Ext.getBody()
});
}
});
知道如何将 jQuery.emojiarea 与 Extjs sencha 集成,或者是否有任何其他库可以将表情符号添加到我的 extjs 项目
像这样:
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.form.FormPanel', {
title: 'Sample TextArea',
width: 400,
bodyPadding: 10,
dockedItems: [{
xtype: 'toolbar',
items: [{
text: "Show Form Values",
handler: function () {
var formPanel = this.up('form');
console.log(formPanel.getValues());
}
}]
}],
items: [{
xtype: 'textareafield',
grow: true,
name: 'message',
fieldLabel: 'Message',
labelAlign: 'top',
anchor: '100%',
value: "lorem ipsum dolor sit amet :smile:",
listeners: {
afterrender: function (textArea) {
$('#' + textArea.getId()).emojiarea({
button: '#emojiesButton'
});
}
}
}],
renderTo: Ext.getBody()
});
}
});