我在带有提及插件的项目中使用CKEDITOR。
我的要求是,保存CKEDITOR的内容时,我必须向包含CKEDITOR内容的用户发送通知。除此特殊情况外,它按预期工作。
- 从下拉列表中选择一个用户。
- 选择后,将删除所选用户名的一部分。
从下拉列表中选择了一个用户,名称显示为“ @Anadi Chakraborty”。 是否可以向用户显示JIRA中显示的内容?
在上述情况下,按下空格时将删除整个提到的用户。 我已经尝试过config.outputtemplate,但是它不起作用。
代码:
html:
<div class="form-group" style="margin-bottom:0;">
<textarea class="form-control" id="wotxtcomments" rows="1" style="margin-bottom:1rem;" placeholder="Add a comment…"></textarea>
<button type="submit" class="btn btn-blue mobBttn" id="btnsavecommands" style="cursor:pointer; float:left; margin-right:10px;" value="save"> Save</button>
<button type="button" class="btn btn-blue mobBttn" id="commandCancel" style="cursor:pointer; float:left;"> Cancel</button>
<div style="clear:both;"></div>
</div>
Js:
function LoadEditor() {
for (name in CKEDITOR.instances) {
CKEDITOR.instances[name].destroy(true);
}
CKEDITOR.config.mentions = [{
feed: function (options,callback) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
callback(JSON.parse(this.responseText));
} else {
callback([]);
}
}
};
xhr.open('GET','/WorkOrderNew/GetMentionList?searchText=' + encodeURIComponent(options.query));
xhr.send();
},minChars: 0,itemTemplate: '<li data-id="{id}"><span class="userBadge">{type}</span>{name}</li>',outputTemplate: '<a style="color:red;" href={type}>{name}</a>'//'<span class="m-badge m-badge-grid-cell m-badge--green m-badge--wide">gsgsjgjs</span>'
}];
CKEDITOR.replace('wotxtcomments',{
extraPlugins: 'mentions',toolbar: [
{ name: 'basicstyles',items: ['Bold','Italic','Underline','NumberedList','BulletedList'] }
],on:
{
instanceReady: function (ev) {
this.focus();
}
}
});
}
任何帮助将不胜感激。预先感谢。