1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

MarkItUp Integrator - 2013 2.2.6

A BbCode Editor for XenForo with buttons management and easy visual configuration tool

  1. cclaerhout
    Compatible XF Versions:
    • 1.1
    • 1.2
    • 1.3
    • 1.4
    • 1.5
    CC by
    Visible Branding:
    MarkItUp Integrator
    by Cédric CLAERHOUT

    This addon was already using a Creative Commons BY 3.0 license so no idea what to write here unless that I will still support people who bought this addon recently

    For others, minimum support will be provided

    Addon Presentation

    This Addon will integrate markItUp! Editor to XenForo. MarkItUp is NOT a WySiWyG (What you see is what you get) editor. It means if you put a text in bold, you will not see it in bold but with tags ([ b ] This is a bold text [ /b ]). This editor has been written using jQuery. Its author is the French Jay Salvat. Many scripts are using this editor because it is extremely "Lightweight, powerful and flexible".

    What's new in that version 2.0?
    All Javascript have been rewritten
    • The MarkItUp JS file has been modified to really manage multi-lines buttons (nothing to do with the previous version)
    • The MarkItUp JS file has also been modified to make it easier to use on mobile devices (for ie, menus don't open on hover but on click, easy to say, not necessary easy to do)
    • Some MarkItUp buttons are using the jQuery Tools (provided with XenForo) to manage overlay popup to enter Url, Media, Img links
    • The Color button is using the farbtastic javascript tool to select some customized colors - its javascript file will only load on demand
    • The media button is now available like on TinyMCE
    • The smilie button is using XenForo Smilie system
    • The MarkItUp integration is far more cleaner than version 1.x - it's using the XenForo JS system
    • The option to display first the MarkItUp editor, then TinyMCE is now a "real" option. Meaning it will load dynamically TinyMCE (not directly compatible with Internet Explorer 7/XenForo - problem of relative paths
    • Include an autosize addon for the normal textarea
    All templates and Css have been rewritten
    • Previous buttons are not compatible anymore
    • The editor display can be now customized with the styles properties... with many options - see screenshots
    Most of php files have been rewritten
    • All the modifications (php+templates + JS) will only load when the editor template is called (again... easy to say, not necessary easy to do)
    • Many bugs have been fixed
    • New multi buttons import system
    Developed and Tested on the following Browsers:
    • Firefox
    • Chrome
    • Opera
    • Safari/Dophin on IPAD
    • IE7-IE9
    List of available buttons
    • Bold,Center,Clean,Code,Colors,Fonts,Indent,Italic,Left,Link,Listbullet,Listitem,Listnumeric,Outdent,Picture,Quotes,Right,Size,Smilies,Strike,Underline,Media, Global_BiUs, Global_LcRj, Global_LIO, justify & Keytouch
    Global_BiUs: a menu button with inside the following options: Bold, Italic, Underline, Strike
    Global_LcRj: a menu button with inside the following options: Left, Center, Right, Justify
    Global_LIO: a menu button with inside the following options: Listbullet, Listnumeric, Listitem; Indent; Outdent
    Justify: full justify text-align; you will need to create a bbcode to make this one work
    Keytouch: easy access to some special characters

    Those defaults buttons can be adapted per language (the French buttons icons are for example available):

    To do this, you just have to modify the original psd icons file (psd files are included) then save the new image with png format, then just modify the following phrase: "miu_icon_default" to put your file name (without extension) in your translation language

    • For XenForo 1.1.x users: the last tested compatible version with XenForo 1.1.x is the 2.2.1. To be able to use this addon on this system, you will need to install first the Template Modification system of Guiltar.
    • You will have to import buttons first (see "extras" directory of the archive), then configure the addon with the MarkItUp Button Manager before to see it working

    Configure addon with
    • ADMIN->HOME->MarkItUp Editor (global options)
    • ADMIN->Appearance->Style Properties->MarkItUp Editor - Public View

    NOTE: Don't Change any visual options in ADMIN->Appearance->Style Properties->Markitup Xenforo Integration (ADMIN VIEW). Those visual properties are needed for the Editor Visual Management Tool
    • The MarkItup Editor Editor is under the MIT and GPL licenses, which means it is "free of charge" and can be used "without restriction".
    • My Integration to XenForo is under the Creative Commons BY 3.0 license.


    1. miu02.png
    2. miu03.png
    3. miu04.png
    4. miu05.png
    5. miu06.png
    6. miu07.png
    7. miu08.png
    8. miu09.png
    9. miu10.png

Recent Updates

  1. Version 2.2.6 released
  2. Version 2.2.5 released
  3. Version 2.2.4 released

Recent Reviews

  1. damowhite666
    Version: 2.1.1
    Awesome, as said before a lot better than the default editor :)
  2. Anthony Parsons
    Anthony Parsons
    Version: 2.1
    I have to admit, this is truly a far better editor than the default XF WYSIWYG one. I bought the full version, and it has everything that the default XF one has + this works on phones and tablets. Users are already preferring this, as there is no more copy and paste issues with formatting being pasted, as this is a RAW editor. Absolutely beautiful, and flawless with a few minor changes in responsive design.
    1. cclaerhout
      Author's Response
      Thank you a lot Anthony, if you still use TinyMCE, to fix your pasting problems just use the addon "TinyMCE Enhancements". There is now an option to paste plain text.
  3. Chris D
    Chris D
    Version: 2.1
    Always awesome work by Cédric :) Buy the supported version! Total bargain!
  4. Adam Howard
    Adam Howard
    Version: 2.0.3
    Wonderful. Adds a nice touch to those who like to see and edit bb code in the raw.
  5. MOZ
    Version: 2.0.2
    Excellent work as usual!
  6. Chris D
    Chris D
    Version: 2.0.2
    A number of our members were screaming out for something more basic than TinyMCE and more advanced than the plain text editor. This does that, and does it excellently. Beautifully written by one of the greatest developers this community has. Well done Cédric.