TextformatterRockDown by bernhard

ProcessWire Textformatter for simple WhatsApp style text formatting (*bold*, _italic_, ~strike~, ```mono```

TextformatterRockDown

ProcessWire Textformatter for simple markdown-like text formatting ideal for headlines:

*bold*
_italic_
~strike~
```monospace```
#monospace#

This module does intentionally not support full markdown syntax! It is intended to be used for simple formattings that you usually want to apply to headlines.

Problem


The title field is always available in ProcessWire and it is often used for page headlines. But unfortunately when using such a plain textfield it will not be possible to print some words in bold or italic font.

One solution is to create a CKEditor/TinyMCE field, but it's a lot more tedious to setup. Also it's not easy to make it single-line-only.

Solution


Just apply this textformatter to your field and you'll get quick and easy headlines with bold and italic fonts that will also work with frontend editing.

Backend Editing:

68747470733a2f2f692e696d6775722e636f6d2f734770715a504f2e706e67

Frontend Editing:

68747470733a2f2f692e696d6775722e636f6d2f414333366d65322e706e67

Formatted:

68747470733a2f2f692e696d6775722e636f6d2f4b52556a42337a2e706e67

Usage


Just install the module and add TextformatterRockDown to the field you want to apply it to:

68747470733a2f2f692e696d6775722e636f6d2f41303746656f432e706e67

Then just output the field's value in your template files as usual:

echo $page->title; // plain
echo $page->edit('title'); // fontend editable

Custom tags


You can add custom replacements easily via hook in /site/ready.php

// @something@ --> <span style="color:red;">something</span>
$wire->addHookAfter("TextformatterRockDown::replace", function ($event) {
  $str = $event->arguments(0);
  $start = $event->arguments(1);
  $end = $event->arguments(2);
  $tag = "@"; // set your tag here
  $str = preg_replace(
    "/$start{$tag}(.*?){$tag}$end/",
    "$1<span style=\"color:red;\">$2</span>$3",
    $str
  );
  $event->return = $str;
});

Install and use modules at your own risk. Always have a site and database backup before installing new modules.

Latest news

  • ProcessWire Weekly #519
    In the 519th issue of ProcessWire Weekly we'll check out a new third party module called RockForms, introduce the latest ProcessWire core updates, and more. Read on!
    Weekly.pw / 20 April 2024
  • ProFields Table Field with Actions support
    This week we have some updates for the ProFields table field (FieldtypeTable). These updates are primarily focused on adding new tools for the editor to facilitate input and management of content in a table field.
    Blog / 12 April 2024
  • Subscribe to weekly ProcessWire news

“To Drupal, or to ProcessWire? The million dollar choice. We decided to make an early switch to PW. And in retrospect, ProcessWire was probably the best decision we made. Thanks are due to ProcessWire and the amazing system and set of modules that are in place.” —Unni Krishnan, Founder of PigtailPundits