View file assets/markitup/markitup.set.js

// ----------------------------------------------------------------------------
// markItUp bb-code setting!
// ----------------------------------------------------------------------------
mySettings = {
	previewParserPath:	'', // path to your BBCode parser
	markupSet: [
		{name:'Bold', className:"bold", key:'B', openWith:'[b]', closeWith:'[/b]'},
		{name:'Italic', className:"italic", key:'I', openWith:'[i]', closeWith:'[/i]'},
		{name:'Underline', className:"underline", key:'U', openWith:'[u]', closeWith:'[/u]'},
		{name:'Strike', className:"strike", key:'D', openWith:'[del]', closeWith:'[/del]'},
		{separator:'---------------' },
		{name:'Link', className:"link", key:'L', openWith:'[url=[![Ссылка:!:http://]!]]', closeWith:'[/url]', placeHolder:'Текст ссылки...'},
		{name:'Video', className:"youtube", openWith:'[youtube][![Код видео с youtube]!]', closeWith:'[/youtube]'},
		{name:'Colors', className:"colors",
		dropMenu: [
			{name:'Red', openWith:'[red]', closeWith:'[/red]', className:"col1-1" },
			{name:'Green', openWith:'[green]', closeWith:'[/green]', className:"col1-2" },
			{name:'Blue', openWith:'[blue]', closeWith:'[/blue]', className:"col1-3" }
		]},
		{separator:'---------------' },
		{name:'Small', className:"small", openWith:'[small]', closeWith:'[/small]' },
		{name:'Big', className:"big", openWith:'[big]', closeWith:'[/big]' },
		{name:'Spoiler', className:"spoiler", openWith:'[spoiler=[![Заголовок]!]]', closeWith:'[/spoiler]'},
		{separator:'---------------' },
		{name:'Hide', className:"hidden", openWith:'[hide]', closeWith:'[/hide]'},
		{name:'Quotes', className:"quotes", openWith:'[q]', closeWith:'[/q]'},
		{name:'Code', className:"code", openWith:'[code]', closeWith:'[/code]'},
		{separator:'---------------' },
		{name:'Clean', className:"clean", replaceWith:function(markitup) { return markitup.selection.replace(/\[(.*?)\]/g, "") } },
		{name:'Smiles', className:"smiles", dropMenu: [
			{name:':)', openWith:' :) ', className:"col1-1" },
			{name:':(', openWith:' :( ', className:"col1-2" },
			{name:':E', openWith:' :E ', className:"col1-3" },
			{name:':hello', openWith:' :hello ', className:"col2-1" },
			{name:':cry', openWith:' :cry ', className:"col2-2" },
			{name:':obana', openWith:' :obana ', className:"col2-3" },
			{name:':infat', openWith:' :infat ', className:"col3-1" },
			{name:':klass', openWith:' :klass ', className:"col3-2" },
			{name:':krut', openWith:' :krut ', className:"col3-3" }
		]},
		{name:'Nextpage', className:"nextpage", openWith:'[nextpage]'},
		{name:'Cutpage', className:"cutpage", openWith:'[cut]'}
	]
}

$(document).ready(function()	{
	$('#markItUp').markItUp(mySettings);
});

// ----------------------------------------------------------------------------
// markItUp Html setting!
// ----------------------------------------------------------------------------
myHtmlSettings = {
	onShiftEnter:	{keepDefault:false, replaceWith:'<br />\r\n'},
	onCtrlEnter:	{keepDefault:false, openWith:'\n<p>', closeWith:'</p>\n'},
	onTab:			{keepDefault:false, openWith:'	 '},
	markupSet: [
		{name:'Div', className:"div", openWith:'<div(!( class="[![Class]!]")!)>', closeWith:'</div>\n' },
		{name:'Span', className:"span", openWith:'<span(!( class="[![Class]!]")!)>', closeWith:'</span>\n' },
		{name:'Paragraph', className:"paragraph", openWith:'<p(!( class="[![Class]!]")!)>', closeWith:'</p>' },
		{separator:'---------------' },
		{name:'Heading 1', className:"heading1", key:'1', openWith:'<h1(!( class="[![Class]!]")!)>', closeWith:'</h1>', placeHolder:'Введите название...' },
		{name:'Heading 2', className:"heading2", key:'2', openWith:'<h2(!( class="[![Class]!]")!)>', closeWith:'</h2>', placeHolder:'Введите название...' },
		{name:'Heading 3', className:"heading3", key:'3', openWith:'<h3(!( class="[![Class]!]")!)>', closeWith:'</h3>', placeHolder:'Введите название...' },
		{separator:'---------------' },
		{name:'Bold', className:"bold", key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
		{name:'Italic', className:"italic", key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' },
		{name:'Stroke through', className:"strike", key:'S', openWith:'<del>', closeWith:'</del>' },
		{separator:'---------------' },
		{name:'Ul', className:"ul", openWith:'<ul>\n', closeWith:'</ul>\n' },
		{name:'Ol', className:"ol", openWith:'<ol>\n', closeWith:'</ol>\n' },
		{name:'Li', className:"li", openWith:'<li>', closeWith:'</li>' },
		{separator:'---------------' },
		{name:'Picture', className:"picture", key:'P', replaceWith:'<img src="[![Ссылка:!:http://]!]" alt="[![Альтернативный текст]!]" />' },
		{name:'Link', className:"link", key:'L', openWith:'<a href="[![Ссылка:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Текст ссылки...' },
		{separator:'---------------' },
		{name:'Clean', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } }
	]
}

$(document).ready(function()	{
	$('#markItUpHtml').markItUp(myHtmlSettings);
});