Kezdőoldal » Számítástechnika » Weblapkészítés » Jquery live preview-el kapcsol...

Kkerdezo kérdése:

Jquery live preview-el kapcsolatban teszem fel kérdésem. Valaki segítene?

Figyelt kérdés

A kód így néz ki jelenleg.


<script type="text/javascript" src=" [link]

<script type="text/javascript" src="../jquery.livepreview.js"></script>



<script type="text/javascript">

$(function() {

$('textarea.source').livePreview({

previewElement: $('div.preview'),

allowedTags: ['b' , 'i', 'center', 'u', 'li', 'br', 'color'],

interval: 20

});

});

</script>


Azt szeretném, hogy bbkód formában ([b], [i], [center], stb..) jelenítse meg a previewer, mert jelenleg csak a html tag-eket olvassa.

Előre is köszönöm a segítséget!



2013. ápr. 2. 14:46
1 2
 11/15 Mugen ***** válasza:
firefoxban is működik nekem
2013. ápr. 4. 01:42
Hasznos számodra ez a válasz?
 12/15 A kérdező kommentje:
Chrome. Nem megy sajnos. :/ nem értem, hogy miért. Elég a js-t átírni? Mert ugye amit bemásoltam a kérdésbe az a kód van a phpban <script>-ként
2013. ápr. 4. 11:36
 13/15 Mugen ***** válasza:

Lehet rosszat másoltam be, nézd meg ezzel

/*

* LivePreview jQuery Plugin v1.0

*

* Copyright (c) 2009 Phil Haack, [link]

* Licensed under the MIT license.

*/


(function($) {

$.fn.livePreview = function(options) {

var opts = $.extend({}, $.fn.livePreview.defaults, options);

var previewMaxIndex = opts.previewElement.length - 1;

opts.allowedTags = opts.allowedTags.concat(opts.allowedTagsWithEquals);

var allowedTagsRegExp = new RegExp("\\[(/?(((" + opts.allowedTagsWithEquals.join("|") + ")=[a-zA-Z0-9]+)|(" + opts.allowedTags.join("|") + "))(\\s+.*?)?)\\]", "g");



return this.each(function(i) {

var textarea = $(this);

var preview = $(opts.previewElement[Math.min(i, previewMaxIndex)]);


textarea.handleKeyUp = function() {

textarea.unbind('keyup', textarea.handleKeyUp);

if (!preview.updatingPreview) {

preview.updatingPreview = true;

window.setTimeout(function() { textarea.reloadPreview() }, opts.interval);

}

return false;

};


textarea.htmlUnencode = function(s) {

return s.replace(/&/g, "&");

};

textarea.reloadPreview = function() {

var previewString = this.val();

if (previewString.length > 0) {

//

previewString = this.htmlUnencode(previewString);

previewString = previewString.replace(opts.paraRegExp, "<p>$1</p><p>$2</p>");

previewString = previewString.replace(opts.lineBreakRegExp, "$1<br />$2");

previewString = previewString.replace(opts.colorRegExp, '<span style="color:$4">$6</span>');

previewString = previewString.replace(opts.sizeRegExp, '<span style="font-size:$4">$6</span>');

previewString = previewString.replace(allowedTagsRegExp, "<$1>");

}


try {

// Workaround for a bug in jquery 1.3.2 which is fixed in 1.4

preview[0].innerHTML = previewString;

}

catch (e) {

alert("Sorry, but inserting a block element within is not allowed here.");

}


preview.updatingPreview = false;

this.bind('keyup', this.handleKeyUp);

};


textarea.reloadPreview();

});


};



$.fn.livePreview.defaults = {

paraRegExp: new RegExp("(.*)\n\n([^#*\n\n].*)", "g"),

lineBreakRegExp: new RegExp("(.*)\n([^#*\n].*)", "g"),

colorRegExp: new RegExp("(\\[)(color)(=)([a-zA-Z0-9]+)(\\])(.*?)(\\[/color\\])", "g"),

sizeRegExp:new RegExp("(\\[)(size)(=)([0-9]+)(\\])(.*?)(\\[/size\\])", "g"),

allowedTags: ['a', 'b', 'strong', 'blockquote', 'p', 'i', 'em', 'u', 'strike', 'super', 'sub', 'code'],

interval: 80

};


})(jQuery);

2013. ápr. 4. 17:22
Hasznos számodra ez a válasz?
 14/15 A kérdező kommentje:
sajnos így sem jó. :/
2013. ápr. 5. 19:45
 15/15 Mugen ***** válasza:
Esetleg ír neked valami hibaüzenetet? Ha megnyomod chrome-ban az f12-őt. és rámész a console részre ott ír ezzel a fájlal kapcsolatban valamit? (főleg pirossal)
2013. ápr. 6. 12:52
Hasznos számodra ez a válasz?
1 2

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!