CKEditor BBCode Plugin

16 Апрель 2010, Голос народа

BBCode Plugin v1.0 for CKEditor. This is a sample of custom Data Processor implementation for basic BBCode
syntax. Only [b], [i], [u], [img], [color], [quote], [url] may be used. It may be extended, but this is out of this sample purpose.

BBCode PLUGIN HAS BEEN TESTED ON THE:

CKEditor 3.2.1, released on 9 April 2010

DOWNLOAD latest CKEditor:

http://ckeditor.com/download/

DOWNLOAD BBCode Plugin for CKEditor:

CKEditor BBCode Plugin

INSTALLING THE BBCode Plugin:

Extract archive «CKEditor_bbcode.zip«;
Copy folder «bbcode» in «CKEditor folder» + «/plugins/»;
To test, open the HTML «bbcode/_sample/sample.html«;
Enjoy!

CONFIGURATION BBCode Plugin:

Edit Toolbar config: «bbcode/_sample/bbcode.config.js«;
Add, edit and delete the rules of regular expressions: «bbcode/plugin.js«;

HTML Code and JavaScript EXAMPLE («bbcode/_sample/sample.html»):

<form method="post">
	<textarea cols="80" id="editor1" name="editor1" rows="10">
		Text: [b]Bold text[/b]
		Text: [i]Italic text[/i]
		Text: [u]Underline text[/u]
		Color: [color=#ff0000]Some color[/color]

		Code: 1

Quote: [quote]Some quote text[/quote]

Url1: [url]http://www.site.md[/url]
Url2: [url=http://site-top.com/]Site-Top[/url]
Img: [img]http://yiiframework.ru/forum/styles/prosilver/imageset/yii_logo.png[/img]

<input type="submit" value="Submit" />

<script type="text/javascript">
//<![CDATA[
	var sBasePath = document.location.pathname.substring(0,
		document.location.pathname.lastIndexOf('plugins')) ;
	// Replace the <textarea id="editor1"> with an CKEditor instance.
	var CKeditor = CKEDITOR.replace( 'editor1', {
									customConfig : sBasePath + 'plugins/bbcode/_sample/bbcode.config.js'
							}  );
//]]>
</script>

Читайте ещё похожие статьи на этом сайте:

(2 голосов, среднее: 5,00 из 5)

Loading ...

HTML, IT - информационные технологии, JavaScript, Web, Программирование

Если Вам понравилась эта статья, пожалуйста оставьте свой комментарий или подпишитесь на RSS-канал и получайте в будущем статьи на RSS Reader.

Vladimir:

27 Апрель 2010 в 01:14

Не понял как он работает?
Gigol:

4 Октябрь 2010 в 23:39

This plugin needs an update, it´s not working anymore.

Thank You !
alen:

8 Октябрь 2010 в 11:29

Тоже не совсем понял, в семпле работает, но нет кнопки «код» а в редакторе вообще ничего не изменилось….
xTx:

13 Октябрь 2010 в 14:01

this plugin works fine. you just need to set up your personal config and make sure you select the right toolbar
O:

12 Ноябрь 2010 в 14:28

Как насчет реализации списков?