rework autocomplete: add bbcode autocompletion to editor
This commit is contained in:
parent
341a22800d
commit
3b305ad8ef
1 changed files with 21 additions and 4 deletions
|
@ -1,8 +1,15 @@
|
||||||
/**
|
/**
|
||||||
* Friendica people autocomplete
|
* @brief Friendica people autocomplete
|
||||||
*
|
*
|
||||||
* require jQuery, jquery.textcomplete
|
* require jQuery, jquery.textcomplete
|
||||||
|
*
|
||||||
|
* for further documentation look at:
|
||||||
|
* http://yuku-t.com/jquery-textcomplete/
|
||||||
|
*
|
||||||
|
* https://github.com/yuku-t/jquery-textcomplete/blob/master/doc/how_to_use.md
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
function contact_search(term, callback, backend_url, type) {
|
function contact_search(term, callback, backend_url, type) {
|
||||||
|
|
||||||
// Check if there is a conversation id to include the unkonwn contacts of the conversation
|
// Check if there is a conversation id to include the unkonwn contacts of the conversation
|
||||||
|
@ -107,6 +114,9 @@ function submit_form(e) {
|
||||||
(function( $ ) {
|
(function( $ ) {
|
||||||
$.fn.editor_autocomplete = function(backend_url) {
|
$.fn.editor_autocomplete = function(backend_url) {
|
||||||
|
|
||||||
|
// list of supported bbtags
|
||||||
|
var bbelements = ['b', 'u', 'i', 'img', 'url', 'quote', 'code', 'spoiler', 'audio', 'video', 'youtube', 'map', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 's', 'o', 'list', 'center', 'nosmile', 'vimeo' ];
|
||||||
|
|
||||||
// Autocomplete contacts
|
// Autocomplete contacts
|
||||||
contacts = {
|
contacts = {
|
||||||
match: /(^|\s)(@\!*)([^ \n]+)$/,
|
match: /(^|\s)(@\!*)([^ \n]+)$/,
|
||||||
|
@ -119,12 +129,19 @@ function submit_form(e) {
|
||||||
smilies = {
|
smilies = {
|
||||||
match: /(^|\s)(:[a-z]{2,})$/,
|
match: /(^|\s)(:[a-z]{2,})$/,
|
||||||
index: 2,
|
index: 2,
|
||||||
search: function(term, callback) { $.getJSON('/smilies/json').done(function(data) { callback($.map(data, function(entry) { return entry.text.indexOf(term) === 0 ? entry : null; })); }); },
|
search: function(term, callback) { $.getJSON('smilies/json').done(function(data) { callback($.map(data, function(entry) { return entry.text.indexOf(term) === 0 ? entry : null; })); }); },
|
||||||
template: function(item) { return item.icon + item.text; },
|
template: function(item) { return item.icon + ' ' + item.text; },
|
||||||
replace: function(item) { return "$1" + item.text + ' '; },
|
replace: function(item) { return "$1" + item.text + ' '; },
|
||||||
};
|
};
|
||||||
|
|
||||||
|
bbtags = {
|
||||||
|
match: /\[(\w*)$/,
|
||||||
|
index: 1,
|
||||||
|
search: function (term, callback) { callback($.map(bbelements, function (element) { return element.indexOf(term) === 0 ? element : null; })); },
|
||||||
|
replace: function (element) { return ['[' + element + ']', '[/' + element + ']']; },
|
||||||
|
};
|
||||||
this.attr('autocomplete','off');
|
this.attr('autocomplete','off');
|
||||||
this.textcomplete([contacts,smilies], {className:'acpopup', zIndex:1020});
|
this.textcomplete([contacts,smilies, bbtags], {className:'acpopup', zIndex:1020});
|
||||||
};
|
};
|
||||||
})( jQuery );
|
})( jQuery );
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue