This plugin will transform your quite boring textarea into a attractive textarea where your visitors are not limited to type only text, but add some markup onto it. How ? Well, Markitup is a universal markup jQuery editor, whichs hooks on each textarea on your website or just to a specific textarea specified by you and transforms the whole area, and you are ready to go! Lots of credits to the creator of this wonderful MarkItUp!
This plugin is based on the HTML set of Markitup which includes the following markups:
- H1, H2, H3, H4, H5, H6
- Paragraph
- Bold
- Italic
- Strike through
- Ordered list, Unordered list and list items
- Insert picture
- Insert link
How do i make this work ?
Well, thats quite easy!
Just download this plugin, go to the plugins area within WP admin, choose “Add new”, choose “upload”, choose the zipped package, and choose “install”. Don’t forget to activate the plugin.
That’s all!
Dont change each textarea!
This Markitup plugin hooks on each single textarea on your website. This means even the textarea’s you dont want to hook on.
It’s possible to change this but you have to change a little piece of code….
Within the plugin directory, there is a php file named “MarkItUp.php“. This file contains a function named “MarkItUpFilesFooter“.
It looks like this:
<?php
function MarkItUpFilesFooter()
{
?>
<script type="text/javascript">
<!--
$(document).ready(function() {
$('textarea').markItUp(mySettings);
});
-->
</script>
<?php
}
?>
You can specify a specific textarea, the only thing you have to do, is change “$(‘textarea’)” into the id of your textarea. So if your textarea has the id comment (id=”comment”) you have to change it accordingly as shown below.
<?php
function MarkItUpFilesFooter()
{
?>
<script type="text/javascript">
<!--
$(document).ready(function() {
$('#comment').markItUp(mySettings);
});
-->
</script>
<?php
}
?>
All CSS files can be changed to your own dreams! Probably you have to! You can edit them through FTP or just the plugin editor within the WP admin area!
Do not put style modifications into the existing CSS files. Plugin updates will overwrite your changes. Modifications must be saved in another css file.
Version 1.0.1:
- Added: Blockquote tag
For more information about other markitup sets or customized markup sets, please visit the official Markitup is a universal markup jQuery editor website
Markitup official website
You want to see how it works ? Just use the comments below!



and
footer which i can post here? (maybe add a code tag?) are both loading fine as you can see
Does anything pop up at all ?
Could you please send one of your email again, because i seriously can't find them :( .
I hope you wrote a description of your exact problem, because i don't have any problems....
Cheers
(sorry for posting email, delete if you wish)
I didn't notice any emails.... When did you send them ?
I will take a look at it this week, and will let you know by email or a comment.
Please keep in mind that the issue might be not my alternative for loading jQuery.
However, i will take a look and i will let you know the result.
Cheers
Your "Jquery Fix" plugin is now incompatible with wordpress 3.2.
The jquery breaks stuff on my site...
Can you add a clickable smilies even to the markitup, displaying the wp-smilies??
That would be great!!
However, since lots of developers will include jQuery copy's in their plugins, i decided to remove the jQuery file + call, so users will be responsible for their own jQuery copy.
I will place the little plugin online which i did send to you guys, since some plugins (not only this one) will malfunction on the WP included jQuery file.
As KillerSneak already mentioned, i will change the header/footer function as well, but link elements are not allowed for the specified document types, so dont put it there since it will cause errors. The script elements can be placed within the footer!
I will update this plugin one of these days and put it online for download.
Will this ^^ fix above work to fix my jquery issue with wp-grins clickable smilies??
Open MarkItUp.php in the plugin folder
change:
add_action('wp_head', 'MarkItUpFilesHeader');
to
add_action('wp_footer', 'MarkItUpFilesHeader');
and it should work fine, or at least this is how i get it to work.
Probably the same issue as gunju221.
Would you please be so kind to send me your website and plugins which are using a JQuery include as well ?
Contact form
Thanks and Cheers
Emily
I am also getting some javascript conflicts with other functionality. The main issue is that using this is causing the image resizing on avatars and group logos is no longer working. Is there a way around this?
Thanks
Emily
Thanks a bunch!
Your issue can be fixed. Probably jQuery has a conflict with another version, which is probably included by another plugin.
I will send you a email with some questions (Which plugins you use etc) this evening as i'm working right now. When my questions are answered we'll have enough information to solve your issue!
Cheers
Although, I can't seem to get the editor to appear, on any of my textareas. Simply just does not appear. I may be missing something, but what??
And, It looks like this plugin could be breaking the wp-grins, which hooks clickable smilies above the comment texarea.
My site is http://savannahvideocentral.com
And a little sidenote..
does this hook into buddypress forum textareas?
And for the textareas on the comments, is there a way to remove the option for images, because posting direct images is not allowed markup on the comments, but it is allowed on bp forums. Is there a way to remove the option for the picture just on the comments?
Thanks so much!
SVC
How about dropping a plugins list you're running along with the wp-version of your blog/site? And maybe a link to the site you're having the problems with.
You have to find a solution yourself for including needed jQuery files. I cant say how you must do it, there are several solutions.
For example, i did de-register the WP jQuery script and loaded another one.
However, we will check your individual issue.
meanwhile I'll edit it and remove the jquery call...
-----------------
Alpine ProFX