При наведении мыши: как отобразить всплывающую подсказку с параметром копирования для всех URL-адресов внутри поля textarea в Extjs

Question

Я новичок в ExtJ, в этом у меня есть данные привязки текстового поля из ответа API.

Что я хочу сделать, если в ответе есть какие-либо URL-адреса, я хотел бы показать вид подсказкивещи с опцией копирования, когда пользователь наводит на него. Может ли кто-нибудь помочь мне получить это.

код:

xtype: 'textareafield',
fieldLabel: 'Reponse',
name: 'response',
align: 'stretch',
allowBlank: false,
flex: 1

response.setValue(StringUtils.addHtmlBreaks(record.get('response')));

Спасибо ..

Answer 1

Я создал простую скрипку, где я показал одну текстовую область и связанные с ней события мыши и показал подсказку соответственно в этой скрипке.

textarea.on('mouseover',function(evt,field){
  //Show tip if url matches
},this);

textarea.on('mouseout',function(){
  //just hide tip
},this);    

и соответствующий URL в textarea на text.match(/\bhttps?:\/\/\S+/gi)

В этой скрипте я не реализовал функцию копирования, потому что хочу подтвердить, подходит ли вам это поведение.Пожалуйста, проверьте и ответьте на то же самое, и в случае любых изменений в коде предложите то же самое.