Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
JavaScript WYSIWYG Editor – TinyEditor
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
TinyEditor is a simple JavaScript WYSIWYG editor that is both lightweight (8KB) and standalone. It can easily be customized to integrate with any website through CSS and the multitude of parameters. It handles most of the basic formatting needs and has some functionality built in to help keep the rendered markup as clean as possible. The icons are courtesy of famfamfam and have been combined into a sprite so there are only a few HTTP requests for the editor. I plan on adding some updates in the future to support font color, a full-screen mode, and a paste from Word option.
To initialize the script use the following:
new TINY.editor.edit('editor',{
id:'input', // (required) ID of the textarea
width:584, // (optional) width of the editor
height:175, // (optional) heightof the editor
cssclass:'te', // (optional) CSS class of the editor
controlclass:'tecontrol', // (optional) CSS class of the buttons
rowclass:'teheader', // (optional) CSS class of the button rows
dividerclass:'tedivider', // (optional) CSS class of the button diviers
controls:['bold', 'italic', 'underline', 'strikethrough', '|', 'subscript', 'superscript', '|', 'orderedlist', 'unorderedlist', '|' ,'outdent' ,'indent', '|', 'leftalign', 'centeralign', 'rightalign', 'blockjustify', '|', 'unformat', '|', 'undo', 'redo', 'n', 'font', 'size', 'style', '|', 'image', 'hr', 'link', 'unlink', '|', 'cut', 'copy', 'paste', 'print'], // (required) options you want available, a '|' represents a divider and an 'n' represents a new row
footer:true, // (optional) show the footer
fonts:['Verdana','Arial','Georgia','Trebuchet MS'], // (optional) array of fonts to display
xhtml:true, // (optional) generate XHTML vs HTML
cssfile:'style.css', // (optional) attach an external CSS file to the editor
content:'starting content', // (optional) set the starting content else it will default to the textarea content
css:'body{background-color:#ccc}', // (optional) attach CSS to the editor
bodyid:'editor', // (optional) attach an ID to the editor body
footerclass:'tefooter', // (optional) CSS class of the footer
toggle:{text:'source',activetext:'wysiwyg',cssclass:'toggle'}, // (optional) toggle to markup view options
resize:{cssclass:'resize'} // (optional) display options for the editor resize
});
The first parameter taken by TINY.editor.edit is the variable name used for the object instance. Keep in mind that before posting you will need to call the instance.post() function to ensure that the latest changes in the WYSIWYG translate into the text area. This script has been tested in all major browsers and is available free of charge for both personal or commercial projects under the creative commons license. Community support is available here. Paid support is also available, contact me for details.
Click here to download the source code.
1/8/2010 – Resolved a couple IE and Chrome issues and added some cleanup for Safari/Chrome. Thanks for the reports.
1/12/2010 – Resolved issue with conversion to lower case and the header row class.
Mon, 08 Feb 2010 07:02:38 GMT
Tags: editor, html, JavaScript, wysiwyg, XHTML,
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
editor
Connect With Your Creation Through a Real-Time Editor
The more intimately your code is connected to your creation the better both will be. That's the thinking behind developer Chris Granger's new real-time game-editing demo.
html
Build your own website, 10 Tips for Success!
If you’re a webmaster or a website owner, this article is for you: These 10 tips can help you to build better and more successful websites. We suggest to hire a web developer if you can’t write the HTML source code. Even if you’re able t
HTTPS Is More Secure, So Why Isn’t the Web Using It?
You wouldn’t write your username and passwords on a postcard and mail it for the world to see, so why are you doing it online? Every time you log in to Twitter, Facebook or any other service that uses a plain HTTP connection, that’s essentiall
JavaScript
JavaScript Fade Tutorial – Fading Elements In/Out
One of the most common JavaScript effects is fading elements and text in and out. Fortunately, it isn't very difficult to script and doesn't require a JavaScript framework.
JavaScript Slider – TinySlider 2
This full-featured and standalone JavaScript slider is easily configurable and visually customizable using CSS. It also clocks in at a tiny 3KB.
Simple AJAX Function with Example
TinyAjax is a simple AJAX function that makes it easy to call and process GET and POST transactions. Check out the example.
AnS International specializes in web design, search engine optimization, web marketing, social media marketing, copywriting, and website hosting services. We are based out of Colorado.
Fort Collins, Colorado US
We at I-Soft Solutions provide other web services which include Customized Static Web Design, Dynamic Web Development in PHP Mysql, Web Hosting, Domain Name Registrations, Website Maintains Etc.
Navi Mumbai, Maharashtra IN
Spectrum Nashville is committed to providing reasonable, excellent business technology solutions that simply work.
Franklin, Tennessee US
I am Graphics Designer, I have Experience in this Field more than 10 years. i mostly work in print field. Products Catalog, e-catalog, brochures, flyers, brands names. logos. business cards.
Lahore, Punjab PK
Audit Your Site’s Content with ‘Page Trawler’
Need a 50,000-foot overview of your website? Page Trawler is a new web service that will crawl your
Delicious Bookmarking Relaunches Sans Yahoo
The newly revamped Delicious bookmarking service has relaunched. While the new Delicious is missing
The Demise of Google Video, and How to Rescue Your Movies
Google informed its lingering Google Video users over the weekend that videos hosted on the service
Tips, Tricks and Best Practices for Responsive Design
Unless you’ve been too busy wake boarding the Alps to notice, there’s a movement afoot a
HTTPS Is More Secure, So Why Isn’t the Web Using It?
You wouldn’t write your username and passwords on a postcard and mail it for the world to see,
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design