finally_a_good_wysiwyg_editor_for_dokuwiki

This is an old revision of the document!


finally a good WYSIWYG editor for DokuWiki

there are many WYSIWYG editor plug-ins for DokuWiki avaialble, but they all share the same problem: they are actually HTML editors behind the scenes and then convert HTML to Wiki Syntax which in the end is a bit unpredictable to the enduser.

That's where ProseMirror Plug-In comes in. It adds a WYSIWYG editor which creates and understands native DokuWiki syntax. So while you write your wiki page, you can switch forth and back between Wiki syntax source and WYSIWYG editor and there is no converting from or to HTML.

While I myself really like the Wiki Syntax that DokuWiki uses and am perfectly happy with the raw text editor supplied with DokuWiki, i have some colleagues at work who shy away from using our Wiki because they struggle to get used to the Syntax or to using Text formatting syntax in general i should say.

Here is a Screenshot of the WYIWYG editor in Action:

Another Plug-In from the same Author (CosmoCode) that comes in really handy is ImgPaste which allows to paste an image (i.e. a screenshot) from the clipboard directly into the Editor. Amazingly this plug-in is actually meant to be used with the plain text editor, but recently someone has posted a pull request which adds compatibility to ProseMirror as well. Unfortunately the pull request has not been merged yet (on Nov. 11, 2020) so we have to apply the patch manually:

  1. install the ImgPaste plug-in via your extensions manager
  2. on your server, navigate to the dokuwiki_dir/plugins/imgpaste directory
  3. download the patched version i.e. using wget:
    wget https://raw.githubusercontent.com/cosmocode/dokuwiki-plugin-imgpaste/57780240370e8d8be528a6b16211f1fe7edadcc6/script.js
  4. copy/paste your images to the WYSIWYG editor or the text editor :)
  • finally_a_good_wysiwyg_editor_for_dokuwiki.1605100276.txt.gz
  • Last modified: 11.11.2020 14:11
  • by Pascal Suter