Forums

Unfortunately no one can be told what FluxBB is - you have to see it for yourself.

You are not logged in.

#2 Re: General support (1.2) » Enable Jquery "MarkItUp!" plugin » 2009-02-23 00:05:21

gordie.lachance

in main.tpl, in the <head>, I added
<script type='text/javascript' src='http://mysite.com/js/jquery/jquery.js'></script>
<link rel="stylesheet" type="text/css" href="http://mysite.com/js/markitup/skins/markitup/style.css" />
<link rel="stylesheet" type="text/css" href="http://mysite.com/js/markitup/sets/bbcode/style.css" />
<script type='text/javascript' src='http://mysite.com/js/markitup/jquery.markitup.pack.js'></script>
<script type="text/javascript" src="http://mysite.com/js/markitup/sets/bbcode/set.js"></script>
<script type='text/javascript' src='http://mysite.com/js/javascript-fluxbb.js'></script>

the javascript-fluxbb.js file :

$(document).ready(function(){   

//MARKITUP
    $("textarea").markItUp(mySettings);

});

Done !

#3 Re: General support (1.2) » Enable Jquery "MarkItUp!" plugin » 2008-08-18 13:42:58

gordie.lachance

Ok. I was just targetting the wrong element.

It works now !

#4 General support (1.2) » Enable Jquery "MarkItUp!" plugin » 2008-08-18 12:32:23

gordie.lachance
Replies: 5

Hello, I would like to use MarkItup with FluxBB.

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.

I did include the js (jquery.js, /markitup/jquery.markitup.pack.js, /markitup/sets/bbcode/set.js) and css files (/markitup/skins/markitup/style.css, /markitup/sets/bbcode/style.css); but it's not working as it should :

my.php?image=markitupnd0.jpg

Seems that the textarea isn't really replaced; and more than that; it loads in the wrong place (inside the .search div; I don't know why)
Does anyone know how to achieve this ?

Here's the code I used :

$("#fld1").markItUp(mySettings);

Thanks !

Board footer

Powered by FluxBB 1.5.0