(Grav GitSync) Automatic Commit from RealStickman
This commit is contained in:
RealStickman
GitSync
parent
bf51e50339
commit
fae79d849c
1
plugins/editor-buttons/.gitignore
vendored
Normal file
1
plugins/editor-buttons/.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
.DS_Store
|
||||||
58
plugins/editor-buttons/CHANGELOG.md
Normal file
58
plugins/editor-buttons/CHANGELOG.md
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
# v1.2.1
|
||||||
|
## 06/29/2017
|
||||||
|
|
||||||
|
1. [](#bugfix)
|
||||||
|
* Fix release number
|
||||||
|
|
||||||
|
# v1.2.0
|
||||||
|
## 06/29/2017
|
||||||
|
|
||||||
|
1. [](#new)
|
||||||
|
* Added Shortcode Core + Shortcode UI Button Dropdown. PR by [@dennemark](https://github.com/dennemark) [#23](https://github.com/getgrav/grav-plugin-editor-buttons/pull/23)
|
||||||
|
|
||||||
|
# v1.1.3
|
||||||
|
## 11/03/2016
|
||||||
|
|
||||||
|
1. [](#bugfix)
|
||||||
|
* Fixed an issue with the Insert Table button. Prevents the `click` and `mouseover` events from being attached more than once in order to prevent tables from spawning erratically. [#20](https://github.com/getgrav/grav-plugin-editor-buttons/pull/20)
|
||||||
|
|
||||||
|
# v1.1.2
|
||||||
|
## 08/09/2016
|
||||||
|
|
||||||
|
1. [](#bugfix)
|
||||||
|
* Old notices markdown syntax (>>>) replaced with new (!) [#16](https://github.com/getgrav/grav-plugin-editor-buttons/pull/16)
|
||||||
|
1. [](#improved)
|
||||||
|
* Added german and romanian translations
|
||||||
|
|
||||||
|
# v1.1.1
|
||||||
|
## 07/14/2016
|
||||||
|
|
||||||
|
1. [](#bugfix)
|
||||||
|
* Fixed event to load the assets to work properly
|
||||||
|
1. [](#improved)
|
||||||
|
* Renamed the css/js files for consistency
|
||||||
|
|
||||||
|
# v1.1.0
|
||||||
|
## 07/13/2016
|
||||||
|
|
||||||
|
1. [](#improved)
|
||||||
|
* Only shows the notices button if the Markdown Notices plugin is installed
|
||||||
|
1. [](#bugfix)
|
||||||
|
* Fixed ES6 syntax to ES5 compatibility [#10](https://github.com/getgrav/grav-plugin-editor-buttons/issues/10)
|
||||||
|
* Added feature dependency check for markdown-notices [#9](https://github.com/getgrav/grav-plugin-editor-buttons/issues/9)
|
||||||
|
* Changed asset URL to relative URL from absolute URL
|
||||||
|
|
||||||
|
# v1.1.0-beta.1
|
||||||
|
## 06/05/2016
|
||||||
|
|
||||||
|
1. [](#new)
|
||||||
|
* Compatibility with Admin 1.1
|
||||||
|
* Multilanguage support with russian, french and english
|
||||||
|
1. [](#improved)
|
||||||
|
* Moved notices under a grouped button
|
||||||
|
|
||||||
|
# v1.0.0
|
||||||
|
## 10/07/2015
|
||||||
|
|
||||||
|
1. [](#new)
|
||||||
|
* First release
|
||||||
60
plugins/editor-buttons/README.md
Normal file
60
plugins/editor-buttons/README.md
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
# Grav Editor Buttons Plugin
|
||||||
|
|
||||||
|
The **Editor Buttons Plugin** for [Grav](http://github.com/getgrav/grav) adds additional buttons to the Grav Admin Editor.
|
||||||
|
|
||||||
|
# Installation
|
||||||
|
|
||||||
|
The Data plugin is easy to install with GPM.
|
||||||
|
|
||||||
|
```
|
||||||
|
$ bin/gpm install editor-buttons
|
||||||
|
```
|
||||||
|
|
||||||
|
Or clone from GitHub and put in the `user/plugins/editor-buttons` folder.
|
||||||
|
|
||||||
|
# Configuration
|
||||||
|
|
||||||
|
In the Admin Panel, Plugins list, clicking **Editor Buttons** will show you some options. You can independently activate one or more editor buttons.
|
||||||
|
|
||||||
|
Currently available buttons are
|
||||||
|
|
||||||
|
- Insert Table
|
||||||
|
- Insert Headings
|
||||||
|
|
||||||
|
If the "Markdown Notices" plugin is installed, these will also be available:
|
||||||
|
|
||||||
|
- Insert Info Notice
|
||||||
|
- Insert Note Notice
|
||||||
|
- Insert Tip Notice
|
||||||
|
- Insert Warning Notice
|
||||||
|
|
||||||
|
If the "Shortcodes Core" plugin is installed, these will also be available:
|
||||||
|
|
||||||
|
- Align Left | Center | Right
|
||||||
|
- Insert Column
|
||||||
|
- Create Safe Email
|
||||||
|
- Insert Notice
|
||||||
|
- Insert Underline
|
||||||
|
- Insert Size
|
||||||
|
|
||||||
|
If the "Shortcodes UI" plugin is installed, these will also be available:
|
||||||
|
|
||||||
|
- Insert Tabs
|
||||||
|
- Insert Accordion
|
||||||
|
- Insert Browser
|
||||||
|
- Insert Polaroid
|
||||||
|
- Insert Image Compare
|
||||||
|
|
||||||
|
# Usage
|
||||||
|
|
||||||
|
Open a page, and along the editor default buttons you'll see the newly activated buttons.
|
||||||
|
|
||||||
|
# Future improvements
|
||||||
|
|
||||||
|
This is a first revision of the plugin.
|
||||||
|
|
||||||
|
Ideas for the near future:
|
||||||
|
|
||||||
|
- Allow to remove any of the default editor buttons
|
||||||
|
- Add additional editor buttons
|
||||||
|
- Allow stacking the buttons in vertical lists, to improve the usage of the space
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
#heading-dropdown {
|
||||||
|
background: #f3f3f3;
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
z-index: 100;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.heading-dropdown-h2 {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
.heading-dropdown-h3 {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
.heading-dropdown-h4 {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
}
|
||||||
|
.heading-dropdown-h5 {
|
||||||
|
font-size: 0.6rem;
|
||||||
|
}
|
||||||
|
.heading-dropdown-h6 {
|
||||||
|
font-size: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grav-mdeditor-navbar ul #heading-dropdown a {
|
||||||
|
padding: 0 0.9rem;
|
||||||
|
}
|
||||||
|
.grav-mdeditor-navbar ul #heading-dropdown a:hover {
|
||||||
|
background: #fbfbfb;
|
||||||
|
}
|
||||||
@ -0,0 +1,53 @@
|
|||||||
|
(function(){
|
||||||
|
|
||||||
|
if (typeof window.customToolbarElements === 'undefined') { window.customToolbarElements = []; }
|
||||||
|
window.customToolbarElements.push({
|
||||||
|
identifier: 'content-headings',
|
||||||
|
button: {
|
||||||
|
title : 'Headings',
|
||||||
|
label : '<i class="fa fa-header content-headings"></i>',
|
||||||
|
class : 'heading-icon',
|
||||||
|
},
|
||||||
|
processAction: function(editor) {
|
||||||
|
|
||||||
|
if ($('#heading-dropdown').is(':visible')) {
|
||||||
|
$('#heading-dropdown').remove();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var dropdown = '<div id="heading-dropdown">';
|
||||||
|
dropdown += '<a href="javascript:void(0);" data-heading="# " class="heading-dropdown-h1">H1</a>';
|
||||||
|
dropdown += '<a href="javascript:void(0);" data-heading="## " class="heading-dropdown-h2">H2</a>';
|
||||||
|
dropdown += '<a href="javascript:void(0);" data-heading="### " class="heading-dropdown-h3">H3</a>';
|
||||||
|
dropdown += '<a href="javascript:void(0);" data-heading="#### " class="heading-dropdown-h4">H4</a>';
|
||||||
|
dropdown += '<a href="javascript:void(0);" data-heading="##### " class="heading-dropdown-h5">H5</a>';
|
||||||
|
dropdown += '<a href="javascript:void(0);" data-heading="###### " class="heading-dropdown-h6">H6</a>';
|
||||||
|
dropdown += '</div>';
|
||||||
|
|
||||||
|
var $headingDropdown = $('.heading-icon');
|
||||||
|
var $dropdown = $(dropdown)
|
||||||
|
.insertAfter($headingDropdown);
|
||||||
|
|
||||||
|
|
||||||
|
$dropdown.on('click', 'a', function () {
|
||||||
|
$('#heading-dropdown').remove();
|
||||||
|
|
||||||
|
var text = $(this).data('heading');
|
||||||
|
|
||||||
|
//Add text to the editor
|
||||||
|
var cm = editor.editor,
|
||||||
|
pos = cm.getDoc().getCursor(true),
|
||||||
|
posend = cm.getDoc().getCursor(false);
|
||||||
|
|
||||||
|
for (var i=pos.line; i<(posend.line+1);i++) {
|
||||||
|
cm.replaceRange(text+cm.getLine(i), { line: i, ch: 0 }, { line: i, ch: cm.getLine(i).length });
|
||||||
|
}
|
||||||
|
|
||||||
|
cm.setCursor({ line: posend.line, ch: cm.getLine(posend.line).length });
|
||||||
|
cm.focus();
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
})();
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
.fa-exclamation-circle.notice-info {
|
||||||
|
color: #f0b383;
|
||||||
|
}
|
||||||
|
.fa-exclamation-circle.notice-warning {
|
||||||
|
color: rgba(217,83,79,.8);
|
||||||
|
}
|
||||||
|
.fa-exclamation-circle.notice-note {
|
||||||
|
color: #6ab0de;
|
||||||
|
}
|
||||||
|
.fa-exclamation-circle.notice-tip {
|
||||||
|
color: rgba(92,184,92,.8);
|
||||||
|
}
|
||||||
@ -0,0 +1,82 @@
|
|||||||
|
(function($){
|
||||||
|
$(function(){
|
||||||
|
$('body').on('grav-editor-ready', function() {
|
||||||
|
var Instance = Grav.default.Forms.Fields.EditorField.Instance;
|
||||||
|
Instance.addButton({
|
||||||
|
notices: {
|
||||||
|
identifier: 'notices',
|
||||||
|
title: 'Notices',
|
||||||
|
label: '<i class="fa fa-fw fa-exclamation-circle"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
'notice-info': {
|
||||||
|
identifier: 'notice-info',
|
||||||
|
title: 'Info Notice',
|
||||||
|
label: '<i class="fa fa-fw fa-exclamation-circle notice-info"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
|
||||||
|
button.on('click.editor.notice-info', function() {
|
||||||
|
Instance.buttonStrategies.replaceLine({ token: '$1', template: '! $1', codemirror: codemirror });
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'notice-warning': {
|
||||||
|
identifier: 'notice-warning',
|
||||||
|
title: 'Warning Notice',
|
||||||
|
label: '<i class="fa fa-fw fa-exclamation-circle notice-warning"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
|
||||||
|
button.on('click.editor.notice-warning', function() {
|
||||||
|
Instance.buttonStrategies.replaceLine({ token: '$1', template: '!! $1', codemirror: codemirror });
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'notice-note': {
|
||||||
|
identifier: 'notice-note',
|
||||||
|
title: 'Note Notice',
|
||||||
|
label: '<i class="fa fa-fw fa-exclamation-circle notice-note"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
|
||||||
|
button.on('click.editor.notice-note', function() {
|
||||||
|
Instance.buttonStrategies.replaceLine({ token: '$1', template: '!!! $1', codemirror: codemirror });
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'notice-tip': {
|
||||||
|
identifier: 'notice-tip',
|
||||||
|
title: 'Tip Notice',
|
||||||
|
label: '<i class="fa fa-fw fa-exclamation-circle notice-tip"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
|
||||||
|
button.on('click.editor.notice-tip', function() {
|
||||||
|
Instance.buttonStrategies.replaceLine({ token: '$1', template: '!!!! $1', codemirror: codemirror });
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
@ -0,0 +1,137 @@
|
|||||||
|
(function($){
|
||||||
|
$(function(){
|
||||||
|
$('body').on('grav-editor-ready', function() {
|
||||||
|
var Instance = Grav.default.Forms.Fields.EditorField.Instance;
|
||||||
|
Instance.addButton({
|
||||||
|
shortcodes: {
|
||||||
|
identifier: 'shortcodes',
|
||||||
|
title: 'Shortcodes Core',
|
||||||
|
label: '<i class="fa fa-fw fa-th"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
'shortcodes-alignleft': {
|
||||||
|
identifier: 'shortcodes-alignleft',
|
||||||
|
title: 'AlignLeft',
|
||||||
|
label: '<i class="fa fa-fw fa-align-left"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-alignleft', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[left]$1[/left]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-aligncenter': {
|
||||||
|
identifier: 'shortcodes-aligncenter',
|
||||||
|
title: 'AlignCenter',
|
||||||
|
label: '<i class="fa fa-fw fa-align-center"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-aligncenter', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[center]$1[/center]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-alignright': {
|
||||||
|
identifier: 'shortcodes-alignright',
|
||||||
|
title: 'AlignRight',
|
||||||
|
label: '<i class="fa fa-fw fa-align-right"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-alignright', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[right]$1[/right]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-column': {
|
||||||
|
identifier: 'shortcodes-column',
|
||||||
|
title: 'Column',
|
||||||
|
label: '<i class="fa fa-fw fa-columns"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-column', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[columns count=3]$1[/columns]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-safeemail': {
|
||||||
|
identifier: 'shortcodes-safeemail',
|
||||||
|
title: 'SafeEmail',
|
||||||
|
label: '<i class="fa fa-fw fa-envelope"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-safeemail', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[safe-email autolink="true" icon="envelope-o"]$1[/safe-email]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-notice': {
|
||||||
|
identifier: 'shortcodes-notice',
|
||||||
|
title: 'Notice',
|
||||||
|
label: '<i class="fa fa-fw fa-lightbulb-o"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-notice', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[notice]$1[/notice]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-underline': {
|
||||||
|
identifier: 'shortcodes-underline',
|
||||||
|
title: 'Underline',
|
||||||
|
label: '<i class="fa fa-fw fa-underline"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-underline', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[u]$1[/u]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-size': {
|
||||||
|
identifier: 'shortcodes-size',
|
||||||
|
title: 'Text Size',
|
||||||
|
label: '<i class="fa fa-fw fa-text-height"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-size', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[size=30]$1[/size]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})(jQuery);
|
||||||
@ -0,0 +1,107 @@
|
|||||||
|
(function($){
|
||||||
|
$(function(){
|
||||||
|
$('body').on('grav-editor-ready', function() {
|
||||||
|
var Instance = Grav.default.Forms.Fields.EditorField.Instance;
|
||||||
|
Instance.addButton({
|
||||||
|
shortcodes: {
|
||||||
|
identifier: 'shortcodes',
|
||||||
|
title: 'Shortcodes UI',
|
||||||
|
label: '<i class="fa fa-fw fa-th-large"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
'shortcodes-tab': {
|
||||||
|
identifier: 'shortcodes-tab',
|
||||||
|
title: 'Tab',
|
||||||
|
label: '<i class="fa fa-fw fa-folder"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-tab', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[ui-tabs position="top-left" active="0" theme="lite"][ui-tab title="First Tab"]$1[/ui-tab][/ui-tabs]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-accordion': {
|
||||||
|
identifier: 'shortcodes-accordion',
|
||||||
|
title: 'Accordion',
|
||||||
|
label: '<i class="fa fa-fw fa-toggle-down"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-accordion', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[ui-accordion independent=true open=none][ui-accordion-item title="Section 1"]$1[/ui-accordion-item][/ui-accordion]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-callout': {
|
||||||
|
identifier: 'shortcodes-callout',
|
||||||
|
title: 'Callout',
|
||||||
|
label: '<i class="fa fa-fw fa-comment-o"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-callout', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[ui-callout][ui-callout-item title="Outlines" position="50%, 50%, se"][/ui-callout-item]$1[/ui-callout]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-imagecompare': {
|
||||||
|
identifier: 'shortcodes-imagecompare',
|
||||||
|
title: 'ImageCompare',
|
||||||
|
label: '<i class="fa fa-fw fa-arrows-h"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-imagecompre', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[ui-image-compare]$1[/ui-image-compare]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-browser': {
|
||||||
|
identifier: 'shortcodes-browser',
|
||||||
|
title: 'Browser',
|
||||||
|
label: '<i class="fa fa-fw fa-window-maximize"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.shortcodes-browser', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[ui-browser address="http://yoururl.org"]$1[/browser]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'shortcodes-polaroid': {
|
||||||
|
identifier: 'shortcodes-polaroid',
|
||||||
|
title: 'Polaroid',
|
||||||
|
label: '<i class="fa fa-fw fa-camera"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button;
|
||||||
|
button.on('click.editor.polaroid', function() {
|
||||||
|
Instance.buttonStrategies.replaceSelections({ token: '$1', template: '[ui-polaroid angle="-3" margin="30px 50px 20px 0" position="left" title="This is a polaroid"]$1[/ui-polaroid]', codemirror: codemirror});
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})(jQuery);
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
#grid-chooser {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
background: lightgray;
|
||||||
|
position: absolute;
|
||||||
|
padding: 2px;
|
||||||
|
display: block;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
#grid-chooser .row:first-child .square:first-child .inner {
|
||||||
|
background: rgba(0,0,0,0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
#grid-chooser .square:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#grid-chooser .row {
|
||||||
|
height: calc(100%/5);
|
||||||
|
}
|
||||||
|
#grid-chooser .square {
|
||||||
|
height: 100%;
|
||||||
|
width: calc(100%/5);
|
||||||
|
|
||||||
|
display: inline-block;
|
||||||
|
margin: -2px 0;
|
||||||
|
padding: 1px;
|
||||||
|
}
|
||||||
|
#grid-chooser .square:hover .inner, #grid-chooser .square.highlight .inner {
|
||||||
|
background: rgba(0,0,0,0.4)
|
||||||
|
}
|
||||||
|
|
||||||
|
#grid-chooser .inner {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
@ -0,0 +1,97 @@
|
|||||||
|
(function($){
|
||||||
|
$(function(){
|
||||||
|
$('body').on('grav-editor-ready', function() {
|
||||||
|
var Instance = Grav.default.Forms.Fields.EditorField.Instance;
|
||||||
|
Instance.addButton({
|
||||||
|
table: {
|
||||||
|
identifier: 'table',
|
||||||
|
title: 'Table',
|
||||||
|
label: '<i class="fa fa-fw fa-table"></i>',
|
||||||
|
modes: ['gfm', 'markdown'],
|
||||||
|
action: function(_ref) {
|
||||||
|
var codemirror = _ref.codemirror, button = _ref.button, textarea = _ref.textarea, $allSquares;
|
||||||
|
|
||||||
|
button.on('click.editor.table', function() {
|
||||||
|
if ($('#grid-chooser').is(':visible')) {
|
||||||
|
$('#grid-chooser').remove();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Credit: http://jsfiddle.net/tnn3qgvj/8/
|
||||||
|
var rows = 5;
|
||||||
|
var cols = 5;
|
||||||
|
|
||||||
|
var grid = '<div class="grid" id="grid-chooser">';
|
||||||
|
for (var i = 0; i < rows; i++) {
|
||||||
|
grid += '<div class="row">';
|
||||||
|
for (var c = 0; c < cols; c++) {
|
||||||
|
grid += '<div class="square"><div class="inner"></div></div>';
|
||||||
|
}
|
||||||
|
grid += '</div>';
|
||||||
|
}
|
||||||
|
grid += '</div>';
|
||||||
|
|
||||||
|
var $grid = button.append($(grid));
|
||||||
|
|
||||||
|
$allSquares = $('.square');
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
button.on('mouseover', '.square', function () {
|
||||||
|
var $this = $(this);
|
||||||
|
var col = $this.index() + 1;
|
||||||
|
var row = $this.parent().index() + 1;
|
||||||
|
$allSquares.removeClass('highlight');
|
||||||
|
$('.row:nth-child(-n+'+row+') .square:nth-child(-n+'+col+')')
|
||||||
|
.addClass('highlight');
|
||||||
|
});
|
||||||
|
|
||||||
|
button.on('click', '.square', function () {
|
||||||
|
var $this = $(this);
|
||||||
|
var cols = $this.index() + 1;
|
||||||
|
var rows = $this.parent().index() + 1;
|
||||||
|
$('#grid-chooser').remove();
|
||||||
|
|
||||||
|
//Generate the markdown text to insert
|
||||||
|
var text = '';
|
||||||
|
|
||||||
|
var i = 0;
|
||||||
|
var j = 0;
|
||||||
|
|
||||||
|
while (i < cols) {
|
||||||
|
text += '| Column ' + (i + 1) + ' Title ';
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
|
||||||
|
text += '|' + '\n';
|
||||||
|
|
||||||
|
i = 0;
|
||||||
|
while (i < cols) {
|
||||||
|
text += '| :----- ';
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
|
||||||
|
text += '|' + '\n';
|
||||||
|
|
||||||
|
i = 0;
|
||||||
|
while (i < rows) {
|
||||||
|
j = 0;
|
||||||
|
while (j < cols) {
|
||||||
|
text += '| Column ' + (j + 1) + ' Item ' + (i + 1) + ' ';
|
||||||
|
j++;
|
||||||
|
}
|
||||||
|
i++;
|
||||||
|
|
||||||
|
text += '|' + '\n';
|
||||||
|
}
|
||||||
|
Instance.buttonStrategies.replaceLine({ token: '$1', template: text, codemirror: codemirror });
|
||||||
|
button.trigger('click.editor.table');
|
||||||
|
codemirror.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
69
plugins/editor-buttons/blueprints.yaml
Normal file
69
plugins/editor-buttons/blueprints.yaml
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
name: Editor Buttons
|
||||||
|
version: 1.2.1
|
||||||
|
description: Adds additional editor button options
|
||||||
|
icon: edit
|
||||||
|
author:
|
||||||
|
name: Team Grav
|
||||||
|
email: devs@getgrav.org
|
||||||
|
url: http://getgrav.org
|
||||||
|
homepage: https://github.com/getgrav/grav-plugin-editor-buttons
|
||||||
|
keywords: admin, plugin, editor, buttons
|
||||||
|
bugs: https://github.com/getgrav/grav-plugin-editor-buttons/issues
|
||||||
|
license: MIT
|
||||||
|
|
||||||
|
dependencies:
|
||||||
|
- { name: admin, version: '~1.1' }
|
||||||
|
|
||||||
|
form:
|
||||||
|
validation: loose
|
||||||
|
fields:
|
||||||
|
enabled:
|
||||||
|
type: toggle
|
||||||
|
label: PLUGIN_ADMIN.PLUGIN_STATUS
|
||||||
|
highlight: 1
|
||||||
|
default: 0
|
||||||
|
options:
|
||||||
|
1: PLUGIN_ADMIN.ENABLED
|
||||||
|
0: PLUGIN_ADMIN.DISABLED
|
||||||
|
validate:
|
||||||
|
type: bool
|
||||||
|
|
||||||
|
buttons:
|
||||||
|
type: section
|
||||||
|
title: PLUGIN_EDITOR_BUTTONS.ENABLE_BUTTONS
|
||||||
|
underline: true
|
||||||
|
|
||||||
|
fields:
|
||||||
|
|
||||||
|
insert_table:
|
||||||
|
type: toggle
|
||||||
|
label: PLUGIN_EDITOR_BUTTONS.INSERT_TABLE_BUTTON
|
||||||
|
highlight: 1
|
||||||
|
default: 0
|
||||||
|
options:
|
||||||
|
1: PLUGIN_ADMIN.ENABLED
|
||||||
|
0: PLUGIN_ADMIN.DISABLED
|
||||||
|
validate:
|
||||||
|
type: bool
|
||||||
|
|
||||||
|
insert_notice:
|
||||||
|
type: toggle
|
||||||
|
label: PLUGIN_EDITOR_BUTTONS.INSERT_NOTICES
|
||||||
|
highlight: 1
|
||||||
|
default: 0
|
||||||
|
options:
|
||||||
|
1: PLUGIN_ADMIN.ENABLED
|
||||||
|
0: PLUGIN_ADMIN.DISABLED
|
||||||
|
validate:
|
||||||
|
type: bool
|
||||||
|
|
||||||
|
insert_shortcodes:
|
||||||
|
type: toggle
|
||||||
|
label: PLUGIN_EDITOR_BUTTONS.INSERT_SHORTCODES
|
||||||
|
highlight: 1
|
||||||
|
default: 0
|
||||||
|
options:
|
||||||
|
1: PLUGIN_ADMIN.ENABLED
|
||||||
|
0: PLUGIN_ADMIN.DISABLED
|
||||||
|
validate:
|
||||||
|
type: bool
|
||||||
58
plugins/editor-buttons/editor-buttons.php
Normal file
58
plugins/editor-buttons/editor-buttons.php
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
<?php
|
||||||
|
namespace Grav\Plugin;
|
||||||
|
|
||||||
|
use Grav\Common\GPM\GPM;
|
||||||
|
use Grav\Common\Grav;
|
||||||
|
use Grav\Common\Page\Page;
|
||||||
|
use Grav\Common\Page\Pages;
|
||||||
|
use Grav\Common\Plugin;
|
||||||
|
|
||||||
|
class EditorButtonsPlugin extends Plugin
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
|
public static function getSubscribedEvents()
|
||||||
|
{
|
||||||
|
return [
|
||||||
|
'onTwigSiteVariables' => ['onTwigSiteVariables', 0]
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
public function onTwigSiteVariables()
|
||||||
|
{
|
||||||
|
if ($this->isAdmin()) {
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-headings/js/headings.js');
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-headings/css/headings.css');
|
||||||
|
|
||||||
|
if ($this->config->get('plugins.editor-buttons.insert_table')) {
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-table/js/table.js');
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-table/css/table.css');
|
||||||
|
}
|
||||||
|
|
||||||
|
$noticesBC = $this->config->get('plugins.editor-buttons.insert_notice.info')
|
||||||
|
|| $this->config->get('plugins.editor-buttons.insert_notice.warning')
|
||||||
|
|| $this->config->get('plugins.editor-buttons.insert_notice.note')
|
||||||
|
|| $this->config->get('plugins.editor-buttons.insert_notice.tip');
|
||||||
|
|
||||||
|
if ($this->config->get('plugins.markdown-notices.enabled') && $this->config->get('plugins.editor-buttons.insert_notice') || $noticesBC) {
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-notice/js/notice.js');
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-notice/css/notice.css');
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($this->config->get('plugins.shortcode-core.enabled') && $this->config->get('plugins.editor-buttons.insert_shortcodes')) {
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-shortcodes/js/shortcodes-core.js');
|
||||||
|
//$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-shortcodes/css/shortcodes-core.css');
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($this->config->get('plugins.shortcode-ui.enabled') && $this->config->get('plugins.editor-buttons.insert_shortcodes')) {
|
||||||
|
$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-shortcodes/js/shortcodes-ui.js');
|
||||||
|
//$this->grav['assets']->add('plugin://editor-buttons/admin/buttons/insert-shortcodes/css/shortcodes-ui.css');
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
4
plugins/editor-buttons/editor-buttons.yaml
Normal file
4
plugins/editor-buttons/editor-buttons.yaml
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
enabled: true
|
||||||
|
insert_table: true
|
||||||
|
insert_notice: true
|
||||||
|
insert_shortcodes: true
|
||||||
44
plugins/editor-buttons/languages.yaml
Normal file
44
plugins/editor-buttons/languages.yaml
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
en:
|
||||||
|
PLUGIN_EDITOR_BUTTONS:
|
||||||
|
ENABLE_BUTTONS: 'Enable buttons'
|
||||||
|
INSERT_TABLE_BUTTON: 'Insert Table Button'
|
||||||
|
INSERT_NOTICES: 'Insert Notices'
|
||||||
|
INSERT_SHORTCODES: 'Insert Shortcodes'
|
||||||
|
|
||||||
|
de:
|
||||||
|
PLUGIN_EDITOR_BUTTONS:
|
||||||
|
ENABLE_BUTTONS: 'Aktiviere Buttons'
|
||||||
|
INSERT_TABLE_BUTTON: 'Tabellen Button einfügen'
|
||||||
|
INSERT_NOTICES: 'Notizen einfügen'
|
||||||
|
INSERT_SHORTCODES: 'Shortcodes einfügen'
|
||||||
|
|
||||||
|
it:
|
||||||
|
PLUGIN_EDITOR_BUTTONS:
|
||||||
|
ENABLE_BUTTONS: 'Abilita bottoni'
|
||||||
|
INSERT_TABLE_BUTTON: 'Inserisci Tabella'
|
||||||
|
INSERT_NOTICES: 'Inserisci Notifiche'
|
||||||
|
INSERT_SHORTCODES: 'Inserisci Shortcodes'
|
||||||
|
|
||||||
|
ru:
|
||||||
|
PLUGIN_EDITOR_BUTTONS:
|
||||||
|
ENABLE_BUTTONS: 'Добавить кнопки'
|
||||||
|
INSERT_TABLE_BUTTON: 'Вставить таблицу'
|
||||||
|
INSERT_NOTICES: 'Вставить уведомление'
|
||||||
|
INSERT_SHORTCODES: 'Вставить Shortcodes'
|
||||||
|
|
||||||
|
fr:
|
||||||
|
PLUGIN_EDITOR_BUTTONS:
|
||||||
|
ENABLE_BUTTONS: 'Activer les boutons'
|
||||||
|
INSERT_TABLE_BUTTON: 'Insérer un bouton de tableau'
|
||||||
|
INSERT_NOTICES: 'Insérer indications'
|
||||||
|
INSERT_SHORTCODES: 'Insérer shortcodes'
|
||||||
|
ro:
|
||||||
|
PLUGIN_EDITOR_BUTTONS:
|
||||||
|
ENABLE_BUTTONS: 'Activați butoanele'
|
||||||
|
INSERT_TABLE_BUTTON: 'Inserați Button'
|
||||||
|
INSERT_NOTICES: 'Inserați Notificări'
|
||||||
|
es:
|
||||||
|
PLUGIN_EDITOR_BUTTONS:
|
||||||
|
ENABLE_BUTTONS: 'Activar botones'
|
||||||
|
INSERT_TABLE_BUTTON: 'Insertar tabla'
|
||||||
|
INSERT_NOTICES: 'Insertar nofificaciones'
|
||||||
Loading…
Reference in New Issue
Block a user