PHPackages                             coderlex/yii2-markitup - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. coderlex/yii2-markitup

ActiveYii2-extension[Utility & Helpers](/categories/utility)

coderlex/yii2-markitup
======================

MarkItUp widget for Yii2

1.0.1(10y ago)0457[1 issues](https://github.com/coderlex/yii2-markitup/issues)BSD-3-ClausePHPPHP >=5.4.0

Since Jan 30Pushed 10y ago1 watchersCompare

[ Source](https://github.com/coderlex/yii2-markitup)[ Packagist](https://packagist.org/packages/coderlex/yii2-markitup)[ RSS](/packages/coderlex-yii2-markitup/feed)WikiDiscussions master Synced today

READMEChangelog (2)Dependencies (2)Versions (3)Used By (0)

yii2-markitup
=============

[](#yii2-markitup)

MarkItUp () widget for Yii2

Install via composer
--------------------

[](#install-via-composer)

Run in your console:

```
php composer.phar global require "fxp/composer-asset-plugin:1.0.0"
php composer.phar require "coderlex/yii2-markitup" "*"
```

Basic usage
-----------

[](#basic-usage)

```
$form = \yii\widgets\ActiveForm::begin();
print $form->field($model, 'content')->widget(\coderlex\markitup\MarkItUp::className(), [
	// Textarea options (default):
	'options' => ['class' => 'form-control', 'style' => 'overflow:auto;resize:none;'],
	// Skin (default):
	'skin' => 'simple',
	// JS widget initialization options:
	'clientOptions' => [
		'markupSet' => [
			[
				'name' => 'Bold',
				'key' => 'B',
				'className' => 'markitup-bold',
				'openWith' => '[b]',
				'closeWith' => '[/b]'
			],
			// ...
			['separator' => '---------------'],
			[
				'name' => 'Numeric List',
				'className' => 'markitup-nlist',
				'openWith' => '[*]',
				'multiline' => true,
				'openBlockWith' => "[list=1]\n",
				'closeBlockWith' => "\n[/list]"
			],
			// ...
			['separator' => '---------------'],
			[
				'name' => 'Link',
				'key' => 'L',
				'className' => 'markitup-link',
				'replaceWith' => '[url=[![Link:!:http://]!]](!( title="[![Title]!]")!)[/url]',
				'placeHolder' => 'Your text to link...'
			],
			// ...
		]
	],
]);
\yii\widgets\ActiveForm::end();
```

Styling:

```
$markitup-btn-height: 24px;
$markitup-btn-width: 24px;

html {
	.markItUpHeader ul a {
		height: $markitup-btn-height;
		width: $markitup-btn-width;
		text-align: center;
		line-height: $markitup-btn-width;
	}
	.markItUpHeader ul .markItUpSeparator {
		height: $markitup-btn-height;
	}
	.markItUpEditor {
		width: 100%;
	}
	.markItUp {
		width: auto;
	}
}
%markitup-button {
	@include fa-icon();
	font-size: 14px;
	display: block;
	text-indent: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: $markitup-btn-width;
	height: $markitup-btn-height;
	line-height: $markitup-btn-height;
}
.markitup-bold a:before {
	@extend %markitup-button;
	content: $fa-var-bold;
}
.markitup-italic a:before {
	@extend %markitup-button;
	content: $fa-var-italic;
}
.markitup-underline a:before {
	@extend %markitup-button;
	content: $fa-var-underline;
}
.markitup-strike a:before {
	@extend %markitup-button;
	content: $fa-var-strikethrough;
}
.markitup-blist a:before {
	@extend %markitup-button;
	content: $fa-var-list-ul;
}
.markitup-nlist a:before {
	@extend %markitup-button;
	content: $fa-var-list-ol;
}
.markitup-image a:before {
	@extend %markitup-button;
	content: $fa-var-picture-o;
}
.markitup-link a:before {
	@extend %markitup-button;
	content: $fa-var-link;
}
.markitup-preview a:before {
	@extend %markitup-button;
	content: $fa-var-eye;
}
```

###  Health Score

28

—

LowBetter than 52% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity14

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity59

Maturing project, gaining track record

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

3807d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/107859874?v=4)[Lex](/maintainers/coderlex)[@CoderLex](https://github.com/CoderLex)

---

Tags

php-libraryyii2-extensionyii2markitup

### Embed Badge

![Health badge](/badges/coderlex-yii2-markitup/health.svg)

```
[![Health](https://phpackages.com/badges/coderlex-yii2-markitup/health.svg)](https://phpackages.com/packages/coderlex-yii2-markitup)
```

###  Alternatives

[craftcms/cms

Craft CMS

3.6k3.6M3.1k](/packages/craftcms-cms)[imanilchaudhari/yii2-currency-converter

This extension will help to find out current currency conversion rate.

2111.7k](/packages/imanilchaudhari-yii2-currency-converter)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)