Markitup HTML set for wordpress

Views: 785 Last modified: July 31st, 2011 Comments: 34

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 namedMarkItUp.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!

Attachments 3 image(s) & 0 video(s) found.
VN:F [1.9.13_1145]
Rating: 6.5/10 (2 votes cast)
VN:F [1.9.13_1145]
Rating: 0 (from 0 votes)
MarkItUp HTML set for wordpress, 6.5 out of 10 based on 2 ratings
    MarkItUp HTML set for wordpress
    70.6 KiB
    90 Downloads
    Details...
    Bluehost

    Mail this!

    To: From:Sum {6+7} =  
    1. I will take a look at your website within a few days. If needed i will update the plugin.
    2.   
      < script type="text/javascript" src="http://www.donotargue/wp-content/plugins/MarkItUp_html/MarkItUpFiles/jquery-1.4.2.min.js">
      < script type="text/javascript" src="http://www.donotargue/wp-content/plugins/MarkItUp_html/MarkItUpFiles/jquery.markitup.js">
      < script type="text/javascript" src="http://www.donotargue/wp-content/plugins/MarkItUp_html/MarkItUpFiles/html_set.js">

      < link rel="stylesheet" type="text/css" href="http://www.donotargue/wp-content/plugins/MarkItUp_html/MarkItUpFiles/skin_simple_style.css" />
      < link rel="stylesheet" type="text/css" href="http://www.donotargue/wp-content/plugins/MarkItUp_html/MarkItUpFiles/set_html_style.css" />


      and
      footer which i can post here? (maybe add a code tag?) are both loading fine as you can see
    3. The root cause may differ. The jQuery files are loaded flawless ?
      Does anything pop up at all ?
    4. Thanks as I'm a bit bored with the normal WP comment box. Could this be because of the custom callbacks I have for the Comments & Pingbacks
    5. Will take a look at it within a few days.
    6. Not working for me (Version: 1.0.1)
    7. already checked your email ?
    8. Hi!

      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
    9. I sent them all to ****

      (sorry for posting email, delete if you wish)
    10. Hi There,

      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
    11. It just seems like you don't want to reply to my emails.

      Your "Jquery Fix" plugin is now incompatible with wordpress 3.2.

      The jquery breaks stuff on my site...
    12. Currently i am busy with a new template for the website, but when thats done, i will add them or create a other plugin which works along this plugin
    13. Hey Online Source. I got it all to work now. It's working fine, but I just have one more question.

      Can you add a clickable smilies even to the markitup, displaying the wp-smilies??

      That would be great!!
    14. Thanks for your e-mails! It seems it worked out for the both of you.

      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.
    15. Hey open source!

      Will this ^^ fix above work to fix my jquery issue with wp-grins clickable smilies??
    16. Here's my fix.

      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.
    17. Great, thanks. I have sent an email
    18. Hi Emily,

      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
    19. I just reread that and to give it some context I am using this with buddypress - hence the ability to upload group avatars.
      Emily
    20. Hey, great plugin, I've been searching for something like this for a while.
      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
    21. You've got a message!
    22. Sounds like a plan!

      Thanks a bunch!
    23. Hi there,

      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
    24. Hey Open Source, I am using your Great Markitup plugin, and it looks fantastic! Exactly what I am looking for.

      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
    25. Everything is working fine here and on http://donotargue.com. And are you sure this is the way to ask for help? I suggest you tone it down a bit...

      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.
    26. Such a waste, you guys are good developers but when it comes to documentation you suck badly. I tried the same thing on latest WP and nothing is showing up. Thank you for wasting my precious 2 hours of no output. This Markitup sucks badly. Your documentation style is a big joke. No god dammn editor showing up despite following all the steps.
    27. It seems this plugin will work with a CDN copy of jQuery or just a 1 to 1 copy of the official file from the jQuery website. It just doesn't work with the one brought by WP. Replaced the file from wp-includes and boem, it works fine. Thats probably why so many developers are putting a jQuery copy with their plugins. (I am not a jQuery expert).

      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.
    28. I got a problem here: it seems the plugin is not loading jquery via wp_enqeue so it loads jquery although it is already loaded thus breaking functionality on my site. could you maybe modify the plugin?
      meanwhile I'll edit it and remove the jquery call...
    29. Thats true, it has now been added :)
    30. It seems to be missing the most important tag of all - blockquote.
    31. Thanks for sharing. Now it is easier for users to format the comment text.
    32. How Cool!





      -----------------
      Alpine ProFX
    Anything to add ?

        You must be logged in to post a comment.