Blogging Task 5

9 10 2009

At first I thought I was looking up another language however, I was extremely satisfied to see that it was based on the common forum editing in page, dynamic standard.

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other

• Easy to integrate – Only a few lines of code needed.

• Customizable – Themes and plugins, block invalid elements and force attributes.

• Browserfriendly – Mozilla, MSIE, FireFox, Opera, Safari and Chrome.

• Lightweight – PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.

• AJAX Compatible – You can easily use AJAX to save and load content!

• International – Multilanguage support using language packs.

• Open Source – Free under the LGPL license, millions of ppl help test and improve this editor every day.

Example: of Javascript showing how to convert an HTML tag into an editor page fragment:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<link rel="stylesheet" type="text/css" href="/css/compress.php" media="screen" />
<!--[if lte IE 7]><link rel="stylesheet" href="/css/ie_fixes.css" media="screen" /><![endif]-->
<script src="jscripts/tiny_mce/tiny_mce.js"></script>
<link rel="alternate" type="application/rss+xml" title="TinyMCE News RSS" href="http://tinymce.moxiecode.com/forum_news_rss.php" />
<title>TinyMCE - Full featured example</title>
</head>
<body>
<script src="jscripts/tiny_mce/tiny_mce.js"></script>
<script>
 tinyMCE.init({
 theme : "advanced",
 mode : "textareas",
plugins : "fullpage",
theme_advanced_buttons3_add : "fullpage"
});
</script>
 
<form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
</form>

</body>
</html>


Advertisements

Actions

Information

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




%d bloggers like this: