nicolas/ecole_eft_app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

redactor

Browse Source
This commit is contained in:
Nicolas Bally 2017-08-31 18:09:22 +02:00
parent e15b671787
commit 7a3f493b0e
5 changed files with 7219 additions and 5385 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12026
app/assets/javascripts/redactor.js
View File

File diff suppressed because it is too large Load Diff

133
app/assets/javascripts/redactor_plugins/fontcolor.js
View File

@ -1,73 +1,74 @@
if (!RedactorPlugins) var RedactorPlugins = {};
RedactorPlugins.fontcolor = function()
(function($)
{
return {
init: function()
{
var colors = [
'#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
'#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
'#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
'#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
'#a5a5a5', '#262626', '#494429', '#17365d', '#366092', '#953734', '#76923c', '#5f497a', '#92cddc', '#e36c09', '#c09100',
'#7f7f7f', '#0c0c0c', '#1d1b10', '#0f243e', '#244061', '#632423', '#4f6128', '#3f3151', '#31859b', '#974806', '#7f6000'
];
var buttons = ['fontcolor', 'backcolor'];
for (var i = 0; i < 2; i++)
$.Redactor.prototype.fontcolor = function()
{
return {
init: function()
{
var name = buttons[i];
var colors = [
'#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
'#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
'#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
'#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
'#a5a5a5', '#262626', '#494429', '#17365d', '#366092', '#953734', '#76923c', '#5f497a', '#92cddc', '#e36c09', '#c09100',
'#7f7f7f', '#0c0c0c', '#1d1b10', '#0f243e', '#244061', '#632423', '#4f6128', '#3f3151', '#31859b', '#974806', '#7f6000'
];
var button = this.button.add(name, this.lang.get(name));
var $dropdown = this.button.addDropdown(button);
var buttons = ['fontcolor', 'backcolor'];
$dropdown.width(242);
this.fontcolor.buildPicker($dropdown, name, colors);
for (var i = 0; i < 2; i++)
{
var name = buttons[i];
var button = this.button.add(name, this.lang.get(name));
var $dropdown = this.button.addDropdown(button);
$dropdown.width(242);
this.fontcolor.buildPicker($dropdown, name, colors);
}
},
buildPicker: function($dropdown, name, colors)
{
var rule = (name == 'backcolor') ? 'background-color' : 'color';
var len = colors.length;
var self = this;
var func = function(e)
{
e.preventDefault();
self.fontcolor.set($(this).data('rule'), $(this).attr('rel'));
};
for (var z = 0; z < len; z++)
{
var color = colors[z];
var $swatch = $('<a rel="' + color + '" data-rule="' + rule +'" href="#" style="float: left; font-size: 0; border: 2px solid #fff; padding: 0; margin: 0; width: 22px; height: 22px;"></a>');
$swatch.css('background-color', color);
$swatch.on('click', func);
$dropdown.append($swatch);
}
var $elNone = $('<a href="#" style="display: block; clear: both; padding: 5px; font-size: 12px; line-height: 1;"></a>').html(this.lang.get('none'));
$elNone.on('click', $.proxy(function(e)
{
e.preventDefault();
this.fontcolor.remove(rule);
}, this));
$dropdown.append($elNone);
},
set: function(rule, type)
{
this.inline.format('span', 'style', rule + ': ' + type + ';');
},
remove: function(rule)
{
this.inline.removeStyleRule(rule);
}
},
buildPicker: function($dropdown, name, colors)
{
var rule = (name == 'backcolor') ? 'background-color' : 'color';
var len = colors.length;
var self = this;
var func = function(e)
{
e.preventDefault();
self.fontcolor.set($(this).data('rule'), $(this).attr('rel'));
};
for (var z = 0; z < len; z++)
{
var color = colors[z];
var $swatch = $('<a rel="' + color + '" data-rule="' + rule +'" href="#" style="float: left; font-size: 0; border: 2px solid #fff; padding: 0; margin: 0; width: 22px; height: 22px;"></a>');
$swatch.css('background-color', color);
$swatch.on('click', func);
$dropdown.append($swatch);
}
var $elNone = $('<a href="#" style="display: block; clear: both; padding: 5px; font-size: 12px; line-height: 1;"></a>').html(this.lang.get('none'));
$elNone.on('click', $.proxy(function(e)
{
e.preventDefault();
this.fontcolor.remove(rule);
}, this));
$dropdown.append($elNone);
},
set: function(rule, type)
{
this.inline.format('span', 'style', rule + ': ' + type + ';');
},
remove: function(rule)
{
this.inline.removeStyleRule(rule);
}
};
};
};
})(jQuery);

53
app/assets/javascripts/redactor_plugins/fontfamily.js
View File

@ -1,32 +1,33 @@
if (!RedactorPlugins) var RedactorPlugins = {};
RedactorPlugins.fontfamily = function()
(function($)
{
return {
init: function ()
{
var fonts = [ 'Lato', 'Stylograph','Arial', 'Helvetica', 'Georgia', 'Times New Roman', 'Monospace' ];
var that = this;
var dropdown = {};
$.each(fonts, function(i, s)
$.Redactor.prototype.fontfamily = function()
{
return {
init: function ()
{
dropdown['s' + i] = { title: s, func: function() { that.fontfamily.set(s); }};
});
var fonts = [ 'Arial', 'Helvetica', 'Georgia', 'Times New Roman', 'Monospace' ];
var that = this;
var dropdown = {};
dropdown.remove = { title: 'Remove Font Family', func: that.fontfamily.reset };
$.each(fonts, function(i, s)
{
dropdown['s' + i] = { title: s, func: function() { that.fontfamily.set(s); }};
});
var button = this.button.add('fontfamily', 'Change Font Family');
this.button.addDropdown(button, dropdown);
dropdown.remove = { title: 'Remove Font Family', func: that.fontfamily.reset };
},
set: function (value)
{
this.inline.format('span', 'style', 'font-family:' + value + ';');
},
reset: function()
{
this.inline.removeStyleRule('font-family');
}
var button = this.button.add('fontfamily', 'Change Font Family');
this.button.addDropdown(button, dropdown);
},
set: function (value)
{
this.inline.format('span', 'style', 'font-family:' + value + ';');
},
reset: function()
{
this.inline.removeStyleRule('font-family');
}
};
};
};
})(jQuery);

97
app/assets/javascripts/redactor_plugins/fontsize.js
View File

@ -1,75 +1,32 @@
if (!RedactorPlugins) var RedactorPlugins = {};
RedactorPlugins.fontsize = function()
(function($)
{
return {
init: function()
{
var fonts = [10, 11, 12, 14, 16, 18, 20, 24, 28, 30];
var that = this;
var dropdown = {};
$.each(fonts, function(i, s)
$.Redactor.prototype.fontsize = function()
{
return {
init: function()
{
dropdown['s' + i] = { title: s + 'px', func: function() { that.fontsize.set(s); } };
});
var fonts = [10, 11, 12, 14, 16, 18, 20, 24, 28, 30];
var that = this;
var dropdown = {};
dropdown.remove = { title: 'Remove Font Size', func: that.fontsize.reset };
$.each(fonts, function(i, s)
{
dropdown['s' + i] = { title: s + 'px', func: function() { that.fontsize.set(s); } };
});
var button = this.button.add('fontsize', 'Change Font Size');
this.button.addDropdown(button, dropdown);
},
set: function(size)
{
this.inline.format('span', 'style', 'font-size: ' + size + 'px;');
},
reset: function()
{
this.inline.removeStyleRule('font-size');
}
dropdown.remove = { title: 'Remove Font Size', func: that.fontsize.reset };
var button = this.button.add('fontsize', 'Change Font Size');
this.button.addDropdown(button, dropdown);
},
set: function(size)
{
this.inline.format('span', 'style', 'font-size: ' + size + 'px;');
},
reset: function()
{
this.inline.removeStyleRule('font-size');
}
};
};
};
if (!RedactorPlugins) var RedactorPlugins = {};
RedactorPlugins.scriptbuttons = function()
{
return {
init: function()
{
var sup = this.button.add('superscript', 'Superscript');
var sub = this.button.add('subscript', 'Subscript');
// make your added buttons as Font Awesome's icon
this.button.setAwesome('superscript', 'fa-superscript');
this.button.setAwesome('subscript', 'fa-subscript');
this.button.addCallback(sup, this.scriptbuttons.formatSup);
this.button.addCallback(sub, this.scriptbuttons.formatSub);
},
formatSup: function()
{
this.inline.format('sup');
},
formatSub: function()
{
this.inline.format('sub');
}
};
};
if (!RedactorPlugins) var RedactorPlugins = {};
RedactorPlugins.bufferbuttons = function()
{
return {
init: function()
{
var undo = this.button.addFirst('undo', 'Undo');
var redo = this.button.addAfter('undo', 'redo', 'Redo');
this.button.addCallback(undo, this.buffer.undo);
this.button.addCallback(redo, this.buffer.redo);
}
};
};
})(jQuery);

295
app/assets/stylesheets/redactor.css
View File

File diff suppressed because one or more lines are too long