- PHP 54.7%
- Less 31.4%
- JavaScript 13.9%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| cover.jpg | ||
| images | ||
| lang | ||
| syntax | ||
| .gitignore | ||
| action.php | ||
| LICENSE | ||
| plugin.info.txt | ||
| README.md | ||
| script.js | ||
| style.less | ||
EditorPlus Plugin for DokuWiki
EditorPlus enhances the DokuWiki editing experience with essential toolbar tools, intelligent multiline blockquotes, and modern, responsive callout boxes and column layouts.
💡 Motivation & Design Focus
This plugin was developed out of personal interest and a passion for modern design: bringing clean, contemporary aesthetics, refined SVG iconography, smooth spacing, and effortless dark mode styling to DokuWiki callouts and editorial workflows.
Warning
Compatibility Notice
EditorPlus is an independent implementation and cannot be used alongside the Wrap or AdHoc Wrap plugins. Because all three plugins use overlapping syntax tags (<wrap>and<WRAP>), please ensure other wrap plugins are deactivated or uninstalled.
Features
- 💬 Intelligent Multiline Blockquotes (
>):- Select any number of lines to prepend
>to each line. - Automatically quotes blank lines between text paragraphs so the entire selection stays as one continuous blockquote.
- Toggle support: Click again to unquote.
- Keyboard shortcut: Ctrl + Q / Cmd + Q.
- Select any number of lines to prepend
- 🖍️ Text Highlighter (
<wrap hi>):- One-click inline marker to highlight critical phrases in vibrant yellow.
- 📦 Modern Callout & Notice Boxes:
- Toolbar picker dropdown with 9 distinct box types:
- Info Box (Blue)
- Tip Box (Gold/Yellow)
- Important Box (Orange)
- Alert Box (Red)
- Help Box (Indigo/Purple)
- Download Box (Green)
- ToDo Box (Cyan)
- Block Box (Neutral gray)
- Outlined Box (Subtle border)
- Toolbar picker dropdown with 9 distinct box types:
- 📐 Responsive Widths & Alignment:
- Set custom widths using percentages or pixels (e.g.,
40%,50%,300px,15em). - Align or float boxes with
left,right, orcenter. - Intelligently ignores alignment if no width is specified, keeping default 100% full-width blocks.
- Mobile-responsive: Automatically resets floated boxes to 100% width on screens under 768px.
- Set custom widths using percentages or pixels (e.g.,
- 🧹 Self-closing Float Clear:
<WRAP clear />stops preceding floats cleanly without requiring empty closing tags.
- 🏛️ Dedicated Columns Toolbar Button & Layouts:
- Direct toolbar button with dropdown presets for 2, 3, and 4 flex columns (
<WRAP group>), single column (<WRAP col>), and 2/3 multi-column text flow. - Can be combined with box styles:
<WRAP col info>,<WRAP col tip>, etc. - Multi-column newspaper text flow with
<WRAP col2>,<WRAP col3>,<WRAP col4>. - Stacks automatically into a clean single column on mobile devices.
- Direct toolbar button with dropdown presets for 2, 3, and 4 flex columns (
- 🔲 Block vs. Inline Distinction:
- Uppercase
<WRAP ...>creates a block-level container (<div>) with accent border and icon. - Lowercase
<wrap ...>creates an inline element (<span>) directly within flowing text.
- Uppercase
- 🌓 Full Dark Mode Support:
- Pre-configured color schemes for light and dark themes.
- 🌐 Internationalization:
- English and German translations included out of the box.
- 🎯 Compatibility:
- Fully tested and compatible with DokuWiki "Mort" (2026-07-14).
- Compatible with previous DokuWiki releases (including "Librarian" and "Kaos").
- Requires PHP 7.4+ (compatible up to PHP 8.4+).
Syntax Guide
Block Callouts (<WRAP>)
<WRAP info>
This is an info box spanning full width.
</WRAP>
<WRAP tip 40% right>
This is a tip box with 40% width, floated to the right.
</WRAP>
<WRAP download 350px center>
Download box with fixed 350px width centered on the page.
</WRAP>
<WRAP outline 50% left>
Outlined box with 50% width floated to the left.
</WRAP>
<WRAP clear />
Column Layouts
Flex Columns (group & col)
<WRAP group>
<WRAP col>
**Column 1**
Content for the first column.
</WRAP>
<WRAP col>
**Column 2**
Content for the second column.
</WRAP>
</WRAP>
Columns with Box Styles
<WRAP group>
<WRAP col info>
**Info Column**
Notice box inside a flex column.
</WRAP>
<WRAP col tip>
**Tip Column**
Tip box next to it.
</WRAP>
</WRAP>
Multi-Column Text Flow (col2, col3, col4)
<WRAP col2>
Continuous text automatically flows across two columns like a newspaper.
</WRAP>
Inline Formatting (<wrap>)
You can add an <wrap info>Inline Badge</wrap> or a <wrap hi>highlighted section</wrap> directly in paragraphs.
Multiline Blockquotes
Select multiple lines in the editor and press Ctrl + Q (or click the quote button):
> First paragraph of the quote.
>
> Second paragraph after an empty line remains in the same quote!
Installation
Via Extension Manager (Recommended)
- In DokuWiki, go to Admin → Extension Manager.
- Under "Search and Install", enter
editorplusor install via URL:https://git.zn80.net/cblte/dokuwiki-plugin-editorplus/archive/main.zip - Click Install.
Manual Installation
- Download or clone this repository:
git clone https://git.zn80.net/cblte/dokuwiki-plugin-editorplus.git lib/plugins/editorplus - Ensure the directory is named
editorplusinsidelib/plugins/.
Acknowledgments
- Special thanks to Anika Henke for the original Wrap plugin, which pioneered container styling in DokuWiki.
- Thanks to Sascha Leib for the AdHoc Wrap plugin.
License
This project is licensed under the MIT License - see the LICENSE file for details.