twitted 10 days ago Ora trovatemi voi una moglie che per regalo di laurea ti compra un arduino+ethernet su sparkfun... :)

WP MarkItUp!

WP MarkItUp! is the Wordpress plugin that replaces the old “quicktags” toolbar with MarkItUp!, a jQuery plugin written by Jay Salvat that allows to turn any textarea into an highly customizable markup editor. XHTML, Textile, Wiki, Markdown and BBcode toolbars are already provided out-of-the-box, but even your own Markup syntax can be easily implemented with this system. The plugin currently features three different “skins” for the toolbar, new ones are about to come.

ZIP Icon Download the latest version of WP MarkItUp! (188KB)

Screenshots

Installation

  1. Download the zipped plugin (the latest version will always be available at the WP MarkItUp! official page).
  2. Unzip it and upload the whole wp_markitup directory to your /wp-content/plugins/ directory.
  3. Make sure the permissions on all .php files it are at least 755. If you can SSH, simply go to the wp_markitup directory and type find . -name '*.php' | xargs chmod 755. Alternatively, just use any FTP client (Filezilla, Cyberduck) to do it manually.
  4. Activate the plugin through the Plugins menu in WordPress.
  5. Go to the WP MarkItUp! setting page under the Settings section. Here you can choose the toolbar and the skin to activate from the available ones.
  6. There’s no step six. Enjoy your brand new 21st century editor ;)

FAQ

How can I add my own personal tagset to the plugin?

You basically need to create a new directory inside the /wp-content/plugins/wp_markitup/markitup/sets/ directory containing the toolbar stylesheet style.css and the markItUp! toolbar specification set.php. Please note that set.php, despite its extension, it’s a common Javascript source code file: the php it’s just for localization purposes.

Your’re strongly suggested to read the well written markItUp! documentation on how to setup your custom tagset, and watch a couple of markItUp! examples for yourself.

How can I add a new skin/edit an existing one?

Even easier. You just need to have some basic CSS knowledge and have to look at the wp_markitup/markitup/skins/ directory. You’ll find a directory for each existing skin. Each dir will contain a stylesheet named style.css. It’s common to see also an images directory used by the stylesheet itself.

I would like to become a WP MarkItUp! translator!

Great! You can start installing Poedit and opening the wp_markitup/languages/markitup-it_IT.po file with it. It’s all pretty straightforward. If you have problems or you want to submit me the finished translation, don’t hesitate to contact me.

Feature Request/Bug Reporting

If you find any problems/bugs/annoyances or if you feel like something really important is missing, than please let me know commenting on this page. Thanks for the support.

Change Log

  • Version 1.3.3: Added Russian localization (thanks Fat Cow!).
  • Version 1.3: Added Dutch localization (thanks pw-web!), removed useless (and silly) include of wp-config-php.
  • Version 1.2: Added French localization (thanks Jay Salvat!), fixed conflicts with Prototype/Mootools.
  • Version 1.1: Added support to PHP5.
  • Version 1.0: First public release.
Sunday August 10th, 2008

73 Responses to “WP MarkItUp!”

  1. Iam deativded this plugin… Now cant see the Visuell and html

    Ivo on Saturday August 16th, 2008 at 10:12 pm

  2. If I have understood well, you have deactivated the plugin and now you can’t see the wysiwyg tinymce editor, am I right? Well, you just have to go to your profile page and check the “use visual editor when writing” option. I might add this question to the FAQs.

    Stefano Verna on Saturday August 16th, 2008 at 10:44 pm

  3. Yeah! Thats it! Tank you so much!

    Ivo on Saturday August 16th, 2008 at 11:20 pm

  4. Hi,

    I’m getting “Cannot load WP MarkItUp” when I try to open the settings page.

    Tom Usher on Saturday August 16th, 2008 at 11:30 pm

  5. Hi Tom, sorry but I cannot reproduce your bug.. could you provide me some more infos?

    Stefano Verna on Sunday August 17th, 2008 at 8:37 am

  6. Is there some kind of demo we can see? Can you convert the Comments Area into a WYSIWYG?

    Ajay D'Souza on Wednesday August 27th, 2008 at 3:40 pm

  7. [...] MarkItUp [...]

    WordPress Plugin Releases for 08/27 »   Weblog Tools Collection » Blog Archive on Wednesday August 27th, 2008 at 4:02 pm

  8. [...] MarkItUp [...]

    WordPress Plugin Releases for 08/27 | BlogBroker24-7 on Wednesday August 27th, 2008 at 6:49 pm

  9. [...] MarkItUp [...]

    WordPress Plugin Releases for 08/27 | Wordpress Blog NL on Wednesday August 27th, 2008 at 8:12 pm

  10. [...] Plugin Page [...]

    MarkItUp WordPress Plugin on Thursday August 28th, 2008 at 12:19 am

  11. WP MarkItUp!…

    WP MarkItUp! is the Wordpress plugin that replaces the old “quicktags” toolbar with MarkItUp!, a jQuery plugin that allows to turn any textarea into an highly customizable markup editor. XHTML, Textile, Wiki, Markdown and BBcode toolbars are alread…

    Leonaut.com on Thursday August 28th, 2008 at 6:38 am

  12. Nice plugin. Btw, where can I download FancyBox plugin for WP? Thanks.

    Marko on Thursday August 28th, 2008 at 2:01 pm

  13. There appears to be a bug that prevents the plugin from working properly with me. The editor isn’t loaded at all. The settings page is vaguely screwd up. I’ve made a screenshot[1] of the page, hope that helps. Permissions are all set to 755, but only in the wp_markitup directory (and subdirectories). Is this correct? There are no other plugins activated for the sake of troubleshooting. It’s a default, up-to-date Wordpress installation without any customizations. The installation runs on OS X/Apache. wp-config.php is read-only.

    Konrad on Thursday August 28th, 2008 at 2:58 pm

  14. hi. Thanks for plugin

    perfect.

    Regards

    baron on Thursday August 28th, 2008 at 9:29 pm

  15. @Marko: are you sure you really need a wordpress plugin to handle fancybox? you just need to add 3 lines of javascript to your header.php theme file.. :)

    @Konrad: an updated 1.1 version fixes your problems! thanks for the report

    @baron: thank you, and spread the word! :)

    Stefano Verna on Thursday August 28th, 2008 at 11:00 pm

  16. [...] WP MarkItUp! WordPress plugin | Stefano Verna (tags: wordpress plugin jquery) [...]

    links for 2008-08-28 « RabiFoot at wordpress.com on Thursday August 28th, 2008 at 11:33 pm

  17. [...] MarkItUp [...]

    WordPress Plugin Releases for 08/27 · Softonix.com on Friday August 29th, 2008 at 6:02 am

  18. Hello,

    I edited out all the default text that showed up when clicking a header tag button.

    “Your title here…”

    For other users who may want to do that, you’ll find the text strings in the set.php files, such as: /wordpress/wp-content/plugins/wp-markitup/markitup/sets/XHTML/set.php

    I had left a comment back on Saturday August 16th, 2008 at 11:30 pm, but I got sidetracked and didn’t make it back until after the upgrade.

    There are issues with the Exec-PHP plugin: http://bluesome.net/post/2005/08/18/50/

    You might want to install that plugin to see for yourself and to save time. Right now, I have both Exec-PHP and your plugin activated. I haven’t tried a post yet. I just upgraded and figured out (again) that Exec-PHP won’t work in posts written in the visual editor. However, with my profile still set not to use the visual editor, your tag bar is still showing in the editor, so we’ll see how it goes.

    The tool bar looks good. I would ditch the “Your title here…” though or add a button for beginners that that a user may switch to off.

    Blessings,

    Tom Usher

    Tom Usher on Friday August 29th, 2008 at 7:20 am

  19. thanks

    Marko on Friday August 29th, 2008 at 8:44 am

  20. @Tom Usher: That’s the correct behaviour. WP MarkItUp! shows up only when the visual editor option is disabled. That is, MarkItUp! is not a visual editor (like the WYSIWYG editor tinymce) but just a JS toolbar and some fancy CSS that help you writing your code better and faster, no matter the syntax you’re using. It shouldn’t interfere with Exec-PHP. Hope this helps.

    Stefano Verna on Friday August 29th, 2008 at 9:51 am

  21. Can someone please explain as to how to get Fancybox working in Wordpress , do you have to cut and paste the javascript code into the header or is there a plugin you have to use ?

    Also will the images have to be edited manually or will be automatically to show the effect as seen on this site.

    Thank You

    Rohin on Friday August 29th, 2008 at 9:02 pm

  22. @Rohnin: I think I’ll write a post about installing FancyBox on Wordpress in the very next days.. Subscribe the RSS feed :)

    Stefano Verna on Friday August 29th, 2008 at 9:24 pm

  23. Hello Stefano,

    MarkItup has some problems with Simple Tags plugin [http://wordpress.org/extend/plugins/simple-tags/] If you want to use both, you have to disable Simple Tags’s auto complete function in options/simple tags/administration menu.

    adi on Tuesday September 2nd, 2008 at 9:00 am

  24. @adi: I installed Simple Tags and I confirm the problem. I think it’s related to prototype and jquery conflicts. I’ll investigate on this.

    Stefano Verna on Tuesday September 2nd, 2008 at 10:00 am

  25. “I think I’ll write a post about installing FancyBox…”

    You should even make a regular WP plugin out of it. FancyBox and LightWindow are my favorite and none of them was transformed into fully functional WP/WPMU plugin. Cheers.

    Marko on Tuesday September 2nd, 2008 at 10:29 am

  26. [...] MarkItUp [...]

    WordPress Plugin Releases for 08/27 | Credise on Saturday September 6th, 2008 at 4:39 pm

  27. @adi: The problem is now solved. It was my fault.. I was erroneously overriding the $ variable of Prototype. Version 1.2 will fix this.

    Stefano Verna on Tuesday September 9th, 2008 at 12:52 pm

  28. Hi Stefano, Trying to set this up, but got a fatal error when activating. I think it may be because I have wordpress/ in a subdirectory under my root. Though I question why you’re trying to include wp-config anyhow?

    Warning: requireonce(/Users/nathany/Sites/nathany.com/www/wordpress/wp-content/plugins/wp-markitup/../../../wp-config.php) [function.require-once]: failed to open stream: No such file or directory in /Users/nathany/Sites/nathany.com/www/wordpress/wp-content/plugins/wp-markitup/markitupclass.php on line 21

    Thanks for your work on this plugin. - Nathan

    Nathan Youngman on Saturday September 20th, 2008 at 10:55 pm

  29. [...] heb het hier over de WP MarkItUP plugin, hieronder een screenshot. Screenshot [...]

    Wordpress: rare WYSIWYG editor | Pw-web on Tuesday September 23rd, 2008 at 10:23 pm

  30. @Nathan Youngman: thanks for the report. Version 1.3 fixes this.

    Stefano Verna on Wednesday September 24th, 2008 at 7:41 pm

  31. [...] WP MarkitUp [...]

    WordPress Plugin Releases for 09/24 »   Weblog Tools Collection » Blog Archive on Wednesday September 24th, 2008 at 7:59 pm

  32. [...] WP MarkitUp [...]

    WordPress Plugin Releases for 09/24 | bloground.ro - Blogging resources, WordPress themes and plugins for your development on Wednesday September 24th, 2008 at 8:49 pm

  33. [...] WP MarkitUp [...]

    WordPress Plugin Releases for 09/24 | Wordpress Blog NL on Wednesday September 24th, 2008 at 9:37 pm

  34. [...] WP MarkitUp [...]

    The PhotoNeil Blog » Weblog Tools Collection: WordPress Plugin Releases for 09/24 | “Its all about the bullshit” on Wednesday September 24th, 2008 at 10:55 pm

  35. [...] WP MarkitUp [...]

    WordPress Plugin Releases for 09/24 | BlogBroker24-7 on Thursday September 25th, 2008 at 2:39 am

  36. [...] WP MarkitUp [...]

    WordPress Plugin Releases for 09/24 · Softonix.com on Thursday September 25th, 2008 at 6:48 am

  37. [...] WP MarkItUp is not bad at all… Runs on the standard MarkItUp code, driven by jQuery and is a WP plugin. [...]

    CodeScheme » Wordpress Plugin - on Thursday September 25th, 2008 at 10:24 am

  38. [...] Plugin Page [...]

    WP MarkitUp WordPress Plugin on Thursday September 25th, 2008 at 2:26 pm

  39. [...] WP MarkItUp is not bad at all… Runs on the standard MarkItUp code, driven by jQuery and is a WP plugin. [...]

    Wordpress Plugin - WP MarkItUp | Web Site Templates | Wordpress Themes on Thursday September 25th, 2008 at 5:26 pm

  40. Wordpress: rare WYSIWYG editor…

    De standaard WYSISWG (What You See Is What You Get) editor is nogal een geval apart. Wordpress biedt de mogelijkheid deze editor te gebruiken, ook kan je snel wisselen tussen de WYSIWYG en de standaard html editor. Maar zodra je wisselt van de html edi…

    Pw-web on Friday September 26th, 2008 at 10:10 am

  41. [...] WP MarkitUp [...]

    Свежие модули для Вордпресс за 24/09/2008 | Всё для WordPress (ВордПресс). Модули, шаблоны (скины) для Wordpress. on Sunday September 28th, 2008 at 12:03 pm

  42. [...] WP MarkitUp [...]

    Weblog Tools Collection: WordPress Plugin Releases for 09/24 | KaosKoxp Oyun Portali on Tuesday September 30th, 2008 at 11:22 pm

  43. I want to have my cake and eat it too!

    I’m looking for a tool like MarkitUp, which lets me see the complete XHTML code in the post, plus I want to have a visual editor which I can use for fast previews and easier writing.

    Basically, I want to write the post in a visual editor, and with a single click then switch to markup and see ALL the HTML tags that were created, so I can fine-tune them to my liking.

    As I understand it, MarkitUp completely disables the visual editor, so it is no good to me. Hopefully you’ll fix this in future versions.

    Loizos on Tuesday October 21st, 2008 at 6:18 pm

  44. [...] WP MarkitUp [...]

    Все о Wordpress » Архив блога » Плагины для Wordpress (03.11.2008) on Thursday November 6th, 2008 at 8:40 am

  45. Good Plugin for WP…Thanks

    SEO Specialist on Friday November 7th, 2008 at 9:24 pm

  46. Hello, i’ve tried your plugin today and now i uninstall it (don’t fit;)) and the editor menu is gone ! i just keep the html menubar ! What can i do ?

    I’ve tried to clear the cache install/uninstall again, nothing…

    Thanks for your help

    abonne31 on Sunday November 9th, 2008 at 9:33 pm

  47. Sorry, everything ok now! just user right disable…

    abonne31 on Sunday November 9th, 2008 at 10:25 pm

  48. [...] nutze ich das Plugin WP MarkItUp!, dass zur Funktionalität dieses Markdown-Plugin [...]

    rocking-digital.de» Blogarchiv » Serie Markdown Teil 2: Markdown in Wordpress nutzen on Monday November 10th, 2008 at 3:51 pm

  49. [...] Source from : http://www.stefanoverna.com [...]

    WP MarkItUp! on Thursday December 4th, 2008 at 7:46 am

  50. Sorry, I want too understand fine yout plugin. I want add some wiki capabilities to wp. Is mandatory deactivate te default editor and change it for yours?

    Carlos on Wednesday December 10th, 2008 at 5:00 pm

  51. [...] die Qualität des Wysiwyg-Codes beschwert und deshalb bislang HTML per Hand setzt, sollte sich das mIU-Plugin einmal näher ansehen. Produktivitätssteigerung ist garantiert. Um die Installation des [...]

    Markup-Editoren für jede Textarea | Dr. Web Magazin on Tuesday December 23rd, 2008 at 12:59 am

  52. It`s a great plugin - thank you Stefano.

    Michael on Tuesday December 23rd, 2008 at 11:12 am

  53. 5MuZJE Thanks for good post

    johnny on Saturday January 3rd, 2009 at 2:17 pm

  54. Cool plugin :-) Thanks

    I would like to find a solution to check the validity of the url given by user (i use bbcode)

    ex: when the user want to put url to insert image –> error message if (url don’t have http://)

    Any Idea?

    Regards.

    veda on Tuesday January 13th, 2009 at 8:58 pm

  55. [...] public links >> wysiwyg WYSIWYG Editor First saved by RSE1 | 9 days ago WP MarkItUp! First saved by blondeau | 12 days ago WYSIWYG Killer Update First saved by mst1 | 16 days ago [...]

    Recent Faves Tagged With "wysiwyg" : MyNetFaves on Wednesday February 11th, 2009 at 5:20 am

  56. [...] just installed the WP MarkItUp and the Markdown for WordPress and bbPress plugins for my blog. The default editor in WordPress is [...]

    Markdown + markitup makes blogging a whole lot easier. | Blogging on Sunday March 15th, 2009 at 8:07 am

  57. First : thanks a lot for this plugin ! it’s amazing to see how simple to instal use such complex tools! Second : There is a little bug : I have installed WP-MarkItUp with WordPress 2.7.1. I hacve checked the “use visual editor when writing” option. I now can switch between Visual and HTML but only once ! I explain : I start with de default VISUAL state. I type some text, go to the HTML to make some check (i change nothing at all, I promise) After switching to VISUAL again, the text is all white and the HTML is not accessible anymore.

    Some help, please ? Wordpress is so cool and MarkItUp so amazing i really do not want to go back to previous versions, and older tools.

    myPlanetarium on Saturday May 2nd, 2009 at 7:43 pm

  58. Hey there, just updated to the latest version of the plugin via Wordpress.org, and now I’m getting these errors: Warning: Wrong parameter count for class_exists() in /home/content/d/e/b/debbyrnes/html/wordpress/wp-content/plugins/wp-markitup/markitup/sets/Textile/infos.php on line 2

    Warning: Wrong parameter count for class_exists() in /home/content/d/e/b/debbyrnes/html/wordpress/wp-content/plugins/wp-markitup/markitup/sets/MediaWiki/infos.php on line 2

    Warning: Wrong parameter count for class_exists() in /home/content/d/e/b/debbyrnes/html/wordpress/wp-content/plugins/wp-markitup/markitup/sets/XHTML/infos.php on line 2

    Warning: Wrong parameter count for class_exists() in /home/content/d/e/b/debbyrnes/html/wordpress/wp-content/plugins/wp-markitup/markitup/sets/MarkDown/infos.php on line 2

    Warning: Wrong parameter count for class_exists() in /home/content/d/e/b/debbyrnes/html/wordpress/wp-content/plugins/wp-markitup/markitup/sets/bbCode/infos.php on line 2

    Warning: Cannot modify header information - headers already sent by (output started at /home/content/d/e/b/debbyrnes/html/wordpress/wp-content/plugins/wp-markitup/markitup/sets/Textile/infos.php:2) in /home/content/d/e/b/debbyrnes/html/wordpress/wp-includes/classes.php on line 1571

    What’s up? Was working great before I updated!

    Jeff Byrnes on Wednesday May 27th, 2009 at 4:59 am

  59. Hello,

    I have the exactly the same @Jeff Byrnes On a “clean” instal wordpress 2.8 and before with 2.7.1

    Perhaps, it’s because “the markitup_class.php Uses ‘wp-content’ directly in code” as seen at http://plugincheck.bravenewcode.com/

    Because my WordPress was installed in a sub directory : Fatal error: Cannot redeclare class xhtmltagset in /home/sites/jacquespeters.com/public_html/NEWDIRECTORY/wp-content/plugins/wp-markitup/markitup/sets/XHTML/infos.php on line 3

    I don’t know if i’m really clear :-))

    Best regards from France

    Jacques

    Jacques Peters on Saturday June 13th, 2009 at 10:03 pm

  60. Hi,

    I discovered 2 bugs:

    1. The textarea is not resizeable.
    2. With the “markitup” skin the editor is too wide (see http://www.flickr.com/photos/pioupioum/3731679645/).

    See the following patch: http://assets1.pioupioum.fr/uploads/2009/07/wp-markitup-Fixed-the-display-and-resizing-of-the-textarea.patch

    piouPiouM on Saturday July 18th, 2009 at 5:37 pm

  61. I’m having the same problems as Jerr Byrnes. Please FIX!

    Arik Jones on Monday July 20th, 2009 at 11:07 pm

  62. The Option themes is awesome, i also on test it on my test site. The author did a good job.

    china wholesale on Monday September 21st, 2009 at 9:03 am

  63. This is a plugin that makes it easier to insert special paragraphs in your posts and pages. It consists of a couple of buttons added to the WordPress editor.

    chinaphone on Saturday December 12th, 2009 at 7:32 am

  64. thanks for your share.its usefull for my website,and i think its useful for you as well.

    wholesale on Monday December 14th, 2009 at 5:19 am

  65. thanks for your info

    chinese wholesalers on Monday December 28th, 2009 at 4:10 am

  66. [...] In: Wordpress plugins 5 Jan 2010 Go to Source [...]

    WP MarkItUp! Wordpress plugin | Stefano Verna | Squico on Tuesday January 5th, 2010 at 2:20 am

  67. ok,thanks for your wordpress plugin

    chinese wholesalers on Wednesday January 6th, 2010 at 10:40 am

  68. UGG Boots is one of most popular boots in cold winter, UGGso.com have 100% sheepskin UGGS for you to pass the cold winter

    ugg boots on Wednesday January 13th, 2010 at 9:22 am

  69. thanks for your share.its usefull for my website,and i think its useful for you too.

    chinese wholesalers on Tuesday January 19th, 2010 at 9:17 am

  70. thanks for your share.its usefull for my website,and i think its useful for you too.

    Uggs on Friday January 29th, 2010 at 12:07 pm

  71. Much appreciated.

    china wholesale on Friday February 5th, 2010 at 10:28 am

  72. Thanks for sharing

    wholesale electronics on Friday February 5th, 2010 at 10:31 am

  73. Thanks for the article, it was a good read indeed

    KA08 on Monday February 8th, 2010 at 11:28 am

Leave a Reply