2017 © Pedro Peláez
 

library parsedown-extra-plugin

Configurable Markdown to HTML converter with Parsedown Extra.

image

tovic/parsedown-extra-plugin

Configurable Markdown to HTML converter with Parsedown Extra.

  • Wednesday, November 15, 2017
  • by tovic
  • Repository
  • 5 Watchers
  • 19 Stars
  • 5 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 6 Forks
  • 2 Open issues
  • 1 Versions
  • 0 % Grown

The README.md

Extension for Parsedown Extra

Configurable Markdown to HTML converter with Parsedown Extra., (*1)

Update 2023/09/03: I will be retiring this project due to the lack of activity on the Parsedown project to date. There is actually a draft for Parsedown version 2.0, but it seems that there has been no progress. I will consider refactoring when Parsedown version 2.0 is released, but I may no longer actively maintain this project as I am now shifting my focus to my own Markdown Extra parser. It consists of a single file and uses the same methods as Parsedown to separate blocks and inlines, so it should achieve similar (or even better) speed and efficiency., (*2)

Parsedown Logo, (*3)

Usage

Manual

Include ParsedownExtraPlugin.php just after the Parsedown.php and ParsedownExtra.php file:, (*4)

~~~ php require 'Parsedown.php'; require 'ParsedownExtra.php'; require 'ParsedownExtraPlugin.php';, (*5)

Create

$Parsedown = new ParsedownExtraPlugin;, (*6)

Configure

$Parsedown->voidElementSuffix = '>'; // HTML5, (*7)

Use

echo $Parsedown->text('# Header {.sth}');, (*8)


### Composer

From the file manager interface, create a `composer.json` file in your project folder, then add this content:

~~~ json
{
  "minimum-stability": "dev"
}

From the command line interface, navigate to your project folder then run this command:, (*9)

~~~ sh composer require taufik-nurrohman/parsedown-extra-plugin, (*10)


From the file manager interface, create an `index.php` file in your project folder then require the auto-loader file:

~~~ php
require 'vendor/autoload.php';

# Create
$Parsedown = new ParsedownExtraPlugin;

# Configure
$Parsedown->voidElementSuffix = '>'; // HTML5

# Use
echo $Parsedown->text('# Header {.sth}');

Features

HTML or XHTML

~~~ php $Parsedown->voidElementSuffix = '>'; // HTML5, (*11)


### Predefined Abbreviations

~~~ php
$Parsedown->abbreviationData = [
    'CSS' => 'Cascading Style Sheet',
    'HTML' => 'Hyper Text Markup Language',
    'JS' => 'JavaScript'
];

~~~ php $Parsedown->referenceData = [ 'mecha-cms' => [ 'url' => 'https://mecha-cms.com', 'title' => 'Mecha CMS' ], 'test-image' => [ 'url' => 'http://example.com/favicon.ico', 'title' => 'Test Image' ] );, (*12)


### Automatic `rel="nofollow"` Attribute on External Links

~~~ php
$Parsedown->linkAttributes = function ($Text, $Attributes, &$Element, $Internal) {
    if (!$Internal) {
        return [
            'rel' => 'nofollow',
            'target' => '_blank';
        ];
    }
    return [];
};

Automatic id Attribute on Headers

~~~ php $Parsedown->headerAttributes = function ($Text, $Attributes, &$Element, $Level) { $Id = $Attributes['id'] ?? trim(preg_replace('/[^a-z\d\x{4e00}-\x{9fa5}]+/u', '-', strtolower($Text)), '-'); return ['id' => $Id]; };, (*13)


### Automatic Figure Elements

Every image markup that appears alone in a paragraph will be converted into a figure element automatically.

~~~ php
$Parsedown->figuresEnabled = true;
$Parsedown->figureAttributes = ['class' => 'image'];

$Parsedown->imageAttributesOnParent = ['class', 'id'];

To add a caption below the image, prepend at least one space but less than four spaces to turn the paragraph sequence that comes after the image into an image caption., (*14)

~~~ md This is a paragraph., (*15)

Image Image caption., (*16)

This is a paragraph., (*17)

Image, (*18)

Image caption in a paragraph tag., (*19)

This is a paragraph., (*20)

Image, (*21)

This is a code block.

This is a paragraph., (*22)


FYI, this format is also valid for average Markdown files. And so, it will degraded gracefully when parsed by other
Markdown converters.

### Custom Code Block Class Format

~~~ php
$Parsedown->blockCodeClassFormat = 'language-%s';

Custom Code Block Contents

~~~ php $Parsedown->codeHtml = '%s'; $Parsedown->blockCodeHtml = '%s';, (*23)


~~~ php
// <https://github.com/scrivo/highlight.php>
function doApplyHighlighter(string $Text, array $ClassList, &$Element) {
    $Highlight = new \Highlight\Highlighter;
    $Highlight->setAutodetectLanguages($ClassList);
    $Highlighted = $Highlight->highlightAuto($Text);
    $Element['attributes']['class'] = 'hljs ' . $Highlighted->language;
    return $Highlighted->value;
}

$Parsedown->codeHtml = function ($Text, $Attributes, &$Element) {
    return doApplyHighlighter($Text, [], $Element);
};

$Parsedown->blockCodeHtml = function ($Text, $Attributes, &$Element) {
    $ClassList = array_filter(explode(' ', $Attributes['class'] ?? ""));
    return doApplyHighlighter($Text, $ClassList, $Element);
};

Put <code> Attributes on <pre> Element

~~~ php $Parsedown->codeAttributesOnParent = true;, (*24)


### Custom Quote Block Class

~~~ php
$Parsedown->blockQuoteAttributes = ['class' => 'quote'];

~~~ php $Parsedown->blockQuoteAttributes = function ($Text, $Attributes, &$Element) { if (strpos($Text, 'Danger: ') === 0) { return ['class' => 'alert alert-danger']; } if (strpos($Text, 'Info: ') === 0) { return ['class' => 'alert alert-info']; } return []; };, (*25)


### Custom Table Attributes

~~~ php
$Parsedown->tableAttributes = ['border' => 1];

Custom Table Alignment Class

~~~ php $Parsedown->tableColumnAttributes = function ($Text, $Attributes, &$Element, $Align) { return [ 'class' => $Align ? 'text-' . $Align : null, 'style' => null // Remove inline styles ]; };, (*26)


### Custom Footnote ID Format

~~~ php
$Parsedown->footnoteLinkAttributes = function ($Number, $Attributes, &$Element, $Name) {
    return ['href' => '#to:' . $Name];
};

$Parsedown->footnoteReferenceAttributes = function ($Number, $Attributes, &$Element, $Name, $Index) {
    return ['id' => 'from:' . $Name . '.' . $Index];
};

$Parsedown->footnoteBackLinkAttributes = function ($Number, $Attributes, &$Element, $Name, $Index) {
    return ['href' => '#from:' . $Name . '.' . $Index];
};

$Parsedown->footnoteBackReferenceAttributes = function ($Number, $Attributes, &$Element, $Name, $Total) {
    return ['id' => 'to:' . $Name];
};

Custom Footnote Class

~~~ php $Parsedown->footnoteAttributes = ['class' => 'notes'];, (*27)


### Custom Footnote Link Text

~~~ php
$Parsedown->footnoteLinkHtml = '[%s]';

Custom Footnote Back Link Text

~~~ php $Parsedown->footnoteBackLinkHtml = '';, (*28)


### Advance Attribute Parser

 - `{#foo}` → `<tag id="foo">`
 - `{#foo#bar}` → `<tag id="bar">`
 - `{.foo}` → `<tag class="foo">`
 - `{.foo.bar}` → `<tag class="foo bar">`
 - `{#foo.bar.baz}` → `<tag id="foo" class="bar baz">`
 - `{#foo .bar .baz}` → `<tag id="foo" class="bar baz">` (white-space before `#` and `.` becomes optional in my extension)
 - `{foo="bar"}` → `<tag foo="bar">`
 - `{foo="bar baz"}` → `<tag foo="bar baz">`
 - `{foo='bar'}` → `<tag foo="bar">`
 - `{foo='bar baz'}` → `<tag foo="bar baz">`
 - `{foo=bar}` → `<tag foo="bar">`
 - `{foo=}` → `<tag foo="">`
 - `{foo}` → `<tag foo="foo">`
 - `{foo=bar baz}` → `<tag foo="bar" baz="baz">`
 - `{#a#b.c.d e="f" g="h i" j='k' l='m n' o=p q= r s t="u#v.w.x y=z"}` → `<tag id="b" class="c d" e="f" g="h i" j="k" l="m n" o="p" q="" r="r" s="s" t="u#v.w.x y=z">`

### Code Block Class Without `language-` Prefix

Dot prefix in class name are now becomes optional, custom attributes syntax also acceptable:

 - `php` → `<pre><code class="language-php">`
 - `php html` → `<pre><code class="language-php language-html">`
 - `.php` → `<pre><code class="php">`
 - `.php.html` → `<pre><code class="php html">`
 - `.php html` → `<pre><code class="php language-html">`
 - `{.php #foo}` → `<pre><code class="php" id="foo">`


Property Aliases as Methods
---------------------------

Property aliases are available as methods just to follow the way **Parsedown** set its configuration data. It uses PHP
`__call()` method to generate the class methods automatically:

~~~ php
// This is …
$Parsedown->setBlockCodeHtml(function () { … });

// … equal to this
$Parsedown->blockCodeHtml = function () { … };

Support

I’m looking for digital agencies and web designers who are interested in trying out my content management system, Mecha. Mecha is a minimalist content management system for building simple websites ranging from web company profile to web log for personal branding. It is a file-based content management system and does not take up too much web hosting space so:, (*29)

  1. From the client’s point of view, this can reduce their monthly hosting expenses.
  2. From the web designer’s point of view, this will increase your company’s profits.

I prefer designers who don’t really understand programming languages but understand the basics of creating web themes. So that my JavaScript and PHP skills can help you to solve the problems related to the back-end side features of your web project. Then, I can get rewarded when you use the panel feature on your clients’ projects., (*30)

The Versions

15/11 2017

dev-master

9999999-dev https://github.com/tovic/parsedown-extra-plugin

Configurable Markdown to HTML converter with Parsedown Extra.

  Sources   Download

MIT

The Requires

 

by Taufik Nurrohman

parser markdown markdown extra parsedown