diff --git a/action/toolbar.php b/action/toolbar.php new file mode 100644 index 0000000..0e93657 --- /dev/null +++ b/action/toolbar.php @@ -0,0 +1,67 @@ + + */ +// must be run within Dokuwiki +if(!defined('DOKU_INC')) die(); + +/** + * Class action_plugin_cellbg_toolbar + */ +class action_plugin_cellbg_toolbar extends DokuWiki_Action_Plugin { + + /** + * Register event handlers. + * + * @param Doku_Event_Handler $controller The plugin controller + */ + public function register(Doku_Event_Handler $controller) { + if($this->getConf('toolbar_icon')) $controller->register_hook('TOOLBAR_DEFINE', 'AFTER', $this, 'insert_toolbar_button', array ()); + } + + /** + * Inserts the cellbg toolbar button + */ + function insert_toolbar_button(Doku_Event &$event, $param) { + $defaultColors = array( 'Yellow' => 'yellow', + 'Red' => 'red', + 'Orange' => 'orange', + 'Salmon' => 'salmon', + 'Pink' => 'pink', + 'Plum' => 'plum', + 'Purple' => 'purple', + 'Fuchsia' => 'fuchsia', + 'Silver' => 'silver', + 'Aqua' => 'aqua', + 'Teal' => 'teal', + 'Cornflower'=> '#6495ed', + 'Sky Blue' => 'skyblue', + 'Aquamarine'=> 'aquamarine', + 'Pale Green'=> 'palegreen', + 'Lime' => 'lime', + 'Green' => 'green', + 'Olive' => 'olive' + ); + $custom_colors = array(); + if($this->getConf('custom_colors')) + { + $custom_colors_lines = explode(DOKU_LF, $this->getConf('custom_colors')); + foreach ($custom_colors_lines as $line) { + list($colerName, $color) = explode('=', $line); + $custom_colors[$colerName] = $color; + } + } + $event->data[] = array ( + 'type' => 'CellbgPicker', + 'title' => $this->getLang('toolbar_icon'), + 'icon' => '../../plugins/cellbg/images/cellbg-toolbar.png', + 'open' => '@#', + 'colorlist' => array_merge($defaultColors, $custom_colors), + 'sample' => 'RRGGBB', + 'close' => ':' + ); + } +} \ No newline at end of file diff --git a/conf/default.php b/conf/default.php new file mode 100644 index 0000000..9733720 --- /dev/null +++ b/conf/default.php @@ -0,0 +1,6 @@ + + */ + +$meta['toolbar_icon'] = array('onoff'); +$meta['custom_colors'] = array(''); diff --git a/images/cellbg-toolbar.png b/images/cellbg-toolbar.png new file mode 100644 index 0000000..1cb0730 Binary files /dev/null and b/images/cellbg-toolbar.png differ diff --git a/images/cellbg.png b/images/cellbg.png deleted file mode 100644 index 54c025e..0000000 Binary files a/images/cellbg.png and /dev/null differ diff --git a/images/gradient.png b/images/gradient.png new file mode 100644 index 0000000..38c7419 Binary files /dev/null and b/images/gradient.png differ diff --git a/lang/cs/lang.php b/lang/cs/lang.php new file mode 100644 index 0000000..e12493b --- /dev/null +++ b/lang/cs/lang.php @@ -0,0 +1,12 @@ + + */ + +// custom language strings for the plugin +$lang['toolbar_icon'] = 'Vložit Cellbg-Syntaxi'; + +//Setup VIM: ex: et ts=2 enc=utf-8 : diff --git a/lang/cs/settings.php b/lang/cs/settings.php new file mode 100644 index 0000000..d4da796 --- /dev/null +++ b/lang/cs/settings.php @@ -0,0 +1,11 @@ + + */ + +// for the configuration manager +$lang['toolbar_icon'] = 'Zobrazit toolbar ikonku (pokud se nezobrazuje, smažte data/cache/* a cache prohlížeče)'; +$lang['custom_colors'] = 'Uživatelsky definované barvy.
Název barvy následován znakem = a textem barvy či kódu barvy.

Příklad:
Barva 1=green
Barva 2=#002244
'; diff --git a/lang/en/lang.php b/lang/en/lang.php new file mode 100644 index 0000000..76b3f3f --- /dev/null +++ b/lang/en/lang.php @@ -0,0 +1,10 @@ + + */ + +// custom language strings for the plugin +$lang['toolbar_icon'] = 'Insert Cellbg-Syntax'; diff --git a/lang/en/settings.php b/lang/en/settings.php new file mode 100644 index 0000000..3012d0d --- /dev/null +++ b/lang/en/settings.php @@ -0,0 +1,11 @@ + + */ + +// for the configuration manager +$lang['toolbar_icon'] = 'Show toolbar icon (clear data/cache/* and browser cache if it\'s not displayed)'; +$lang['custom_colors'] = 'Custom colors definitions.
The color name, followed by a an equals sign and a text color name or color code.

Example:
Color 1=green
Color 2=#002244
Color 2=#ABC
'; diff --git a/script.js b/script.js index adfed10..aef3068 100644 --- a/script.js +++ b/script.js @@ -1,112 +1,71 @@ /* JavaScript function to create cellbg toolbar in DokuwKki */ -/* see http:// for more info */ - -var plugin_cellbg_colors = { - - "Yellow": "yellow", - "Red": "red", - "Orange": "orange", - "Salmon": "salmon", - "Pink": "pink", - "Plum": "plum", - "Purple": "purple", - "Fuchsia": "fuchsia", - "Silver": "silver", - "Aqua": "aqua", - "Teal": "teal", - "Cornflower": "#6495ed", - "Sky Blue": "skyblue", - "Aquamarine": "aquamarine", - "Pale Green": "palegreen", - "Lime": "lime", - "Green": "green", - "Olive": "olive" - //"Yellow": "#ffff00", - //"Red": "#ff0000", - //"Orange": "#ffa500", - //"Salmon": "#fa8072", - //"Pink": "#ffc0cb", - //"Plum": "#dda0dd", - //"Purple": "#800080", - //"Fuchsia": "#ff00ff", - //"Silver": "#c0c0c0", - //"Aqua": "#00ffff", - //"Teal": "#008080", - //"Cornflower": "#6495ed", - //"Sky Blue": "#87ceeb", - //"Aquamarine": "#7fffd4", - //"Pale Green": "#98fb98", - //"Lime": "#00ff00", - //"Green": "#008000", - //"Olive": "#808000" - -}; - -function plugin_cellbg_make_color_button(name, value) { - - var btn = document.createElement('button'); - - btn.className = 'pickerbutton'; - btn.value = ''; - btn.title = name; - btn.style.height = '2em'; - btn.style.padding = '1em'; - btn.style.backgroundColor = value; - - var open = "@" + value + ":"; - eval("btn.onclick = function(){ insertAtCarret( '" - + jsEscape('wiki__text') + "','" - + jsEscape(open) + "','" - + "'); return false; } " - ); - - return(btn); - -} - -function plugin_cellbg_toolbar_picker() { - - if (!document.getElementById('spell__action')) return; +/* see https://www.dokuwiki.org/devel:toolbar for more info */ + +function createCellbgPicker(id, props, edid) { + // create the wrapping div + var $picker = jQuery(document.createElement('div')); + + $picker.addClass('picker a11y'); - var toolbar = document.getElementById('tool__bar'); - if (!toolbar) return; - - // Create the picker button - var p_id = 'picker_plugin_cellbg'; // picker id that we're creating - var p_ico = document.createElement('img'); - p_ico.src = DOKU_BASE + 'lib/plugins/cellbg/images/cellbg.png'; - var p_btn = document.createElement('button'); - p_btn.className = 'toolbutton'; - p_btn.title = 'Cell background'; - p_btn.appendChild(p_ico); - eval("p_btn.onclick = function() { showPicker('" - + p_id + "',this); return false; }"); - - // Create the picker
- var picker = document.createElement('div'); - picker.className = 'picker'; - picker.id = p_id; - picker.style.position = 'absolute'; - picker.style.display = 'none'; - - // Add a button to the picker
for each of the colors - for( var color in plugin_cellbg_colors ) { - var btn = plugin_cellbg_make_color_button(color, - plugin_cellbg_colors[color]); - picker.appendChild(btn); - } - if (typeof user_cellbg_colors != 'undefined') { - for( var color in user_cellbg_colors ) { - var btn = plugin_cellbg_make_color_button(color, - user_cellbg_colors[color]); - picker.appendChild(btn); + $picker.attr('id', id).css('position', 'absolute'); + + function $makebutton(title, colorValue) { + var $btn = jQuery(document.createElement('button')) + .addClass('pickerbutton cellbg').attr('title', title) + .attr('aria-controls', edid); + + if (colorValue == 'RGB') + { + $btn.text(colorValue) + .addClass('custom') + .bind('click', bind(tb_format, $btn[0], props, edid)); + } + else + { + var insertColorValue = "@" + colorValue + ":"; + $btn.css('backgroundColor', colorValue) + .bind('click', bind(pickerInsert, insertColorValue, edid)); + } + $btn.appendTo($picker); + return $btn; } - } - - var body = document.getElementsByTagName('body')[0]; - body.appendChild(picker); // attach the picker
to the page body - toolbar.appendChild(p_btn); // attach the picker button to the toolbar + + $makebutton('custom', 'RGB'); + jQuery.each(props.colorlist, function (key, item) { + if (!props.colorlist.hasOwnProperty(key)) { + return; + } + $makebutton(key, item); + }); + jQuery('body').append($picker); + + // we have to return a DOM object (for compatibility reasons) + return $picker[0]; +} + +/** + * Add button action for color picker buttons and create color picker element + * + * @param jQuery btn Button element to add the action to + * @param array props Associative array of button properties + * @param string edid ID of the editor textarea + * @return boolean If button should be appended + * @author Pavel Kochman + */ +function addBtnActionCellbgPicker($btn, props, edid) { + var pickerid = 'picker_plugin_cellbg'; // picker id that we're creating + var picker = createCellbgPicker(pickerid, props, edid); + + $btn.click( + function(e) { + pickerToggle(pickerid, $btn); + e.preventDefault(); + return ''; + } + ); + $btn.attr('aria-haspopup', 'true'); + + return pickerid; } -jQuery(plugin_cellbg_toolbar_picker); - + //Setup VIM: ex: et ts=2 sw=2 enc=utf-8 : diff --git a/style.css b/style.css new file mode 100644 index 0000000..f6fafe2 --- /dev/null +++ b/style.css @@ -0,0 +1,23 @@ +div.picker button.pickerbutton.cellbg +{ + height: 2em; + width: 2em; + line-height: 2em; + padding: 1em; + background-image: none; + background-image: url("images/gradient.png"); +} +div.picker button.pickerbutton.cellbg:first-child +{ + width: 4em; + display: inline-block; + padding: 0; +} +div.picker button.pickerbutton.cellbg:hover +{ + background-image: none; +} +#picker_plugin_cellbg +{ + width: 10em; +} \ No newline at end of file diff --git a/syntax.php b/syntax.php index 7cfd30d..2a9a7cf 100644 --- a/syntax.php +++ b/syntax.php @@ -4,23 +4,23 @@ * * @license GPL 2 (http://www.gnu.org/licenses/gpl.html) * @author dr4Ke - * @link http://git.dr4ke.net/?p=dr4Ke/forks/dokuwiki-cells-bg.git + * @link https://github.com/dr4Ke/cellbg * @version 1.0 * * Derived from the highlight plugin from : http://www.dokuwiki.org/plugin:highlight * and : http://www.staddle.net/wiki/plugins/highlight */ - + if(!defined('DOKU_INC')) define('DOKU_INC',realpath(dirname(__FILE__).'/../../').'/'); if(!defined('DOKU_PLUGIN')) define('DOKU_PLUGIN',DOKU_INC.'lib/plugins/'); require_once(DOKU_PLUGIN.'syntax.php'); - + /** * All DokuWiki plugins to extend the parser/rendering mechanism * need to inherit from this class */ class syntax_plugin_cellbg extends DokuWiki_Syntax_Plugin { - + function getInfo(){ // return some info return array( 'author' => 'dr4Ke', @@ -31,33 +31,34 @@ function getInfo(){ // return some info 'url' => 'http://www.dokuwiki.org/plugin:cellbg', ); } - + // What kind of syntax are we? function getType(){ return 'formatting'; } // What kind of syntax do we allow (optional) function getAllowedTypes() { - return array('formatting', 'substition', 'disabled'); + return array('formatting', /*'substition', 'disabled'*/); } - - // What about paragraphs? (optional) - function getPType(){ return 'normal'; } - + + // What about paragraphs? (optional) + function getPType(){ return 'normal'; } + // Where to sort in? function getSort(){ return 200; } - - + // Connect pattern to lexer function connectTo($mode) { - $this->Lexer->addSpecialPattern('^@#?[0-9a-zA-Z]*:(?=[^\n]*\|[[:space:]]*\n)',$mode,'plugin_cellbg'); + if ($mode == "table") + { + $this->Lexer->addSpecialPattern('^@#?[0-9a-zA-Z]*:', $mode, 'plugin_cellbg'); + } } function postConnect() { //$this->Lexer->addExitPattern(':','plugin_cellbg'); } - - + // Handle the match - function handle($match, $state, $pos, &$handler){ + function handle($match, $state, $pos, &$handler) { switch ($state) { case DOKU_LEXER_ENTER : break; @@ -75,7 +76,7 @@ function handle($match, $state, $pos, &$handler){ } return array($state, "yellow", $match); } - + // Create output function render($mode, &$renderer, $data) { if($mode == 'xhtml'){ @@ -91,8 +92,8 @@ function render($mode, &$renderer, $data) { case DOKU_LEXER_EXIT : break; case DOKU_LEXER_SPECIAL : - if (preg_match('/(]*)>[[:space:]]*$/', $renderer->doc) != 0) { - $renderer->doc = preg_replace('/(]*)>[[:space:]]*$/', '\1 bgcolor='.$color.'>', $renderer->doc); + if (preg_match('/(]*)>[[:space:]]*$/', $renderer->doc) != 0) { + $renderer->doc = preg_replace('/(]*)>[[:space:]]*$/', '\1 style="background-color:'.$color.'">', $renderer->doc); } else { $renderer->doc .= $text; } @@ -102,24 +103,24 @@ function render($mode, &$renderer, $data) { } return false; } - + // validate color value $c // this is cut price validation - only to ensure the basic format is // correct and there is nothing harmful // three basic formats "colorname", "#fff[fff]", "rgb(255[%],255[%],255[%])" function _isValid($c) { - + $c = trim($c); - + $pattern = "/ (^[a-zA-Z]+$)| #colorname - not verified (^\#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$)| #colorvalue (^rgb\(([0-9]{1,3}%?,){2}[0-9]{1,3}%?\)$) #rgb triplet /x"; - + return (preg_match($pattern, $c)); - + } } - + //Setup VIM: ex: et ts=4 sw=4 enc=utf-8 :