Text in different size
Compatible with DokuWiki
Lemming, Anteater, Rincewind, Angua, Adora Belle, Weatherwax, Binky, Ponder Stibbons, Hrun, Greebo
Text in different size
This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.
Similar to fontsize, typography, wrap
Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.
Backup copy (following urls are tentative, waiting the plugin author will setup plugin files for download.)
Syntax: <fs size>Your Text</fs>
you can use any Value for size (em, ex, px, % , or xx-small , x-small, small, medium, large, x-large, xx-large)
example: <fs 2em>Your Text in 2em, 1em is DokuWiki standard</fs>
<fs 200%>Your Text in 200%, 100% is DokuWiki standard</fs>'
Change the fontsize by clicking a button in the edit toolbar.
To change the fontsize, mark the text that you would like to change the size.
Then click on the button fontsize2 and choose one of the predefined sizes.
The result is: <fs yoursize em> Your own text</fs>
Alternative you can write this by yourself.
In this case you have some additional possibilities:
Explaination of CSS - fontsize , Sorry only in German Language
code based on the plugin highlight
Put this code into lib/plugins/fontsize2/syntax.php:
<?php /** * FontSize2 Plugin: control the size of your text * * @license GPL 2 (http://www.gnu.org/licenses/gpl.html) * @author Thorsten Stratmann <thorsten.stratmann@web.de> * @link http://wiki.splitbrain.org/plugin:fontsize2 * @version 0.2 */ 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_fontsize2 extends DokuWiki_Syntax_Plugin { function getInfo(){ // return some info return array( 'author' => 'Thorsten Stratmann', 'email' => 'thorsten.stratmann@web.de', 'date' => '2010-03-26', 'name' => 'fontsize2 Plugin', 'desc' => 'With fs you can control the size of your text Syntax: <fs size>Your Text</fs> you can use any Value for size (em, ex, px, % , or xx-small , x-small, small, medium, large, x-large, xx-large) example: <fs 2em>Your Text in 2em, 1em is DokuWiki standard</fs> <fs 200%>Your Text in 200%, 100% is DokuWiki standard</fs>', 'url' => 'http://wiki.splitbrain.org/plugin:fontsize2', ); } // 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'); } // What about paragraphs? (optional) function getPType(){ return 'normal'; } // Where to sort in? function getSort(){ return 91; } // Connect pattern to lexer function connectTo($mode) { $this->Lexer->addEntryPattern('(?i)<fs(?: .+?)?>(?=.+</fs>)',$mode,'plugin_fontsize2'); } function postConnect() { $this->Lexer->addExitPattern('(?i)</fs>','plugin_fontsize2'); } // Handle the match function handle($match, $state, $pos, &$handler) { switch ($state) { case DOKU_LEXER_ENTER : preg_match("/(?i)<fs (.+?)>/", $match, $fs); // get the fontsize if ( $this->_isValid($fs[1]) ) return array($state, $fs[1]); break; case DOKU_LEXER_MATCHED : break; case DOKU_LEXER_UNMATCHED : return array($state, $match); break; case DOKU_LEXER_EXIT : break; case DOKU_LEXER_SPECIAL : break; } return array($state, "1em"); } // Create output function render($mode, &$renderer, $data) { if($mode == 'xhtml'){ list($state, $fs) = $data; switch ($state) { case DOKU_LEXER_ENTER : $renderer->doc .= "<span style=\"font-size: $fs\">"; break; case DOKU_LEXER_MATCHED : break; case DOKU_LEXER_UNMATCHED : $renderer->doc .= $renderer->_xmlEntities($fs); break; case DOKU_LEXER_EXIT : $renderer->doc .= "</span>"; break; case DOKU_LEXER_SPECIAL : break; } return true; } return false; } function _isValid($c) { $c = trim($c); $pattern = "/ ^([0-9]{1,4})\.[0-9](em|ex|px|%)|^([0-9]{1,4}(em|ex|px|%))|^(xx-small|x-small|small|medium|large|x-large|xx-large) /x"; if (preg_match($pattern, $c)) return true; } }
<?php
/**
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
* @author Andreas Gohr <andi@splitbrain.org>
*/
// must be run within DokuWiki
if(!defined('DOKU_INC')) die();
if(!defined('DOKU_PLUGIN')) define('DOKU_PLUGIN',DOKU_INC.'lib/plugins/');
require_once(DOKU_PLUGIN.'action.php');
class action_plugin_fontsize2 extends DokuWiki_Action_Plugin {
/**
* return some info
*
* @author Andreas Gohr <andi@splitbrain.org>
*/
function getInfo(){
return array_merge(confToHash(dirname(__FILE__).'/README'), array('name' => 'Toolbar Component'));
}
/**
* register the eventhandlers
*
* @author Andreas Gohr <andi@splitbrain.org>
*/
function register(Doku_Event_Handler $controller){
$controller->register_hook('TOOLBAR_DEFINE', 'AFTER', $this, 'fontsize2_toolbar', array ());
}
function fontsize2_toolbar(&$event, $param) {
$event->data[] = array (
'type' => 'picker',
'title' => $this->getLang('fs_picker'),
'icon' => '../../plugins/fontsize2/images/toolbar/picker.png',
'list' => array(
array(
'type' => 'format',
'title' => $this->getLang('fs_xxs'),
'sample' => $this->getLang('fs_xxs_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/xxs.png',
'open' => '<fs xx-small>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_xs'),
'sample' => $this->getLang('fs_xs_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/xs.png',
'open' => '<fs x-small>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_s'),
'sample' => $this->getLang('fs_s_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/s.png',
'open' => '<fs small>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_m'),
'sample' => $this->getLang('fs_m_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/m.png',
'open' => '<fs medium>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_l'),
'sample' => $this->getLang('fs_l_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/l.png',
'open' => '<fs large>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_xl'),
'sample' => $this->getLang('fs_xl_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/xl.png',
'open' => '<fs x-large>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_xxl'),
'sample' => $this->getLang('fs_xxl_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/xxl.png',
'open' => '<fs xx-large>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_smaller'),
'sample' => $this->getLang('fs_smaller_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/smaller.png',
'open' => '<fs smaller>',
'close' => '</fs>',
),
array(
'type' => 'format',
'title' => $this->getLang('fs_larger'),
'sample' => $this->getLang('fs_larger_sample'),
'icon' => '../../plugins/fontsize2/images/toolbar/larger.png',
'open' => '<fs larger>',
'close' => '</fs>',
),
)
);
}
}
Additionally you need the images, displayed by clicking the fontsize2 Button. Please obtain this images from the installation packet.
I've installed fckeditor in my dokuwiki, which allows me to switch between native DW editor or fck editor. Well, when I install fontsize2 plugin it's added to DW editor but not to fck editor. Is there any way to make this possible?
Thanks,
Alex