代码拉取完成,页面将自动刷新
用来@提到某某用户的插件, 编辑器实现插入好友, 需要后端提供一个可选用户列表数据, 后端需要自己实现哦~
.
时恢复@符,因为在输入邮箱时必然会输入.
防止影响输入邮箱配置名 | 默认状态 | 配置说明 |
---|---|---|
cfyun_atwho | false | 插件开关 |
atwho_at | @ | 艾特用户定界符 |
atwho_max_num | 10 | 超过设置数量,不再生成@ |
atwho_query_all | false | 在不输入的情况查询好友列表 |
atwho_max_name | 16 | 名字最大长度,大于这个设置则截取,后面输入不做查询 |
atwho_query_delay | 200 | 查询延时时间,在输入时防止一直向后端查询数据 |
atwho_query_callback | null | 查询后端获取好友,后端需要实现根据输入的字符串模糊查找用户好友 |
atwho_data_callback | null | 艾特用户回调,提供给后端用于后端发送通知等操作,不设置此项时可以使用监听atwho 事件的方式获取回调 |
接口请务必支持模糊查找
atwho_query_callback: function(name, callback) {
$.get('/api/user/friends', {name: name}).then((res) => {
if(res.errno === 0) {
return callback(res.data);
}
return callback([]);
});
},
[
{uid: userid, name: 'username', url: '/user/1'},
{uid: userid2, name: 'username2', url: '/user/2'}
]
设置此项后,监听atwho
事件方式获取无效
atwho_data_callback: function(data) {
if(!data || !data.length) {
return !1;
}
// data艾特用户列表
// 返回的是数组, 可以将这个数组写入到页面, 和表单提交给后端, 用来发送被提到的通知
},
[
{uid: userid, name: 'username', url: '/user/1'},
{uid: userid2, name: 'username2', url: '/user/2'}
]
此方式获取艾特用户数据的前提是,未配置获取回调的方法atwho_data_callback
init_instance_callback : function(editor) {
editor.on('atwho', function(e, data) {
// 艾特用户列表
console.log(e.list);
});
}
将下面代码保存至tinymce/plugins/atwho/plugin.(min.)js
然后在编辑器配置的plugins项新增atwho
其他配置请看参数说明
请前往gitee查看代码: https://gitee.com/isszz/tinymce.atwho
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。