This article demonstrates how to use the markItUp JavaScript plugin on your web site.
The markItUp plugin is a JavaScript-based plugin that enables you to quickly and easily add markup editing capabilities to any <textarea> element on a web page. For example, you can use the markItUp plugin to format text as HTML, add Wiki syntax, and much more.
To see examples of the markItUp plugin in action, please visit http://markitup.jaysalvat.com/examples.
To use the markItUp plugin in your web site, follow these steps:
<html> <head> <!-- Load the jQuery and markItUp JavaScript files --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="markitup/jquery.markitup.js"></script> <!-- Load the default plugin settings --> <script type="text/javascript" src="markitup/sets/default/set.js"></script> <!-- Load the CSS files --> <link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css" /> <link rel="stylesheet" type="text/css" href="markitup/sets/default/style.css" /> <!-- Link the textarea element to markItUp --> <script type="text/javascript" > $(document).ready(function() { $("#myEditBox").markItUp(mySettings); }); </script> </head> <body> <textarea id="myEditBox"></textarea> </body> </html>
Did you find this article helpful? Then you'll love our support. Experience the A2 Hosting difference today and get a pre-secured, pre-optimized website. Check out our web hosting plans today.
We use cookies to personalize the website for you and to analyze the use of our website. You consent to this by clicking on "I consent" or by continuing your use of this website. Further information about cookies can be found in our Privacy Policy.