replace plain-text with html using jQuery -

-

i'm trying write replacewith function in jquery replace specific words html.

basically i'm trying replace [this] <span class='myclass'> document loaded. i've looked around couple samples couple things saw unable work. i'm still learning jquery i'm hoping give me couple suggestions try.

thanks in advance, steven.

html/text:

[this]hello world![/this]​

javascript:

$(document).ready(function() {          // using replace      $("body").text().replace(/[this]/g,'<b>') });​

--edit--

i've made few changes function using nir's demo below. heres few more details i'm doing. i'm trying make inline fraction, have the appropriate classes , whatnot made. works when in html, when run jquery function doesn't seem work.

it's obvious tags replaced, css doesnt seem working mentioned.

heres link html here

and heres link jsfiddle here

$(document).ready(function() {      // using replace var text = $('body').text(); $("body").html(text.replace(/\[math\]/g,'<span class="container">').replace(/\[\/math\]/g,'</span>'));  var textt = $('body').text(); $("body").html(textt.replace(/\[top\]/g,'<div class="containme">').replace(/\[\/top\]/g,'</div>'));  var textl = $('body').text(); $("body").html(textl.replace(/\[line\]/g,'<div class="borderme">&nbsp;</div>'));  var textb = $('body').text(); $("body").html(textb.replace(/\[bot\]/g,'<div class="containme2">').replace(/\[\/bot\]/g,'</div>'));  });​

this html 

 <span class="readme">whats up, here's fraction.&nbsp; <span class="container">     <div class="containme">1</div>     <div class="borderme">&nbsp;</div>     <div class="containme2">2</div>     </span>  &nbsp;&nbsp;hello? whats up, here's fraction.&nbsp;     <span class="container">     <div class="containme">1</div>     <div class="borderme">&nbsp;</div>     <div class="containme2">2</div>   </span>   &nbsp;&nbsp;hello? whats up, here's fraction.&nbsp;   </span>

to shortend markup

<span class="readme"> whats up, here's fraction. [math][top]1[/top][line][bot]2[/bot][/math] </span>

javascript replace() returns new string, not alter original string, should be:

$(document).ready(function() {         var content = $("body").text().replace(/\[this\]/g,'<b>')     $("body").html(content); });​

notice brackets have escaped, otherwise replace each character inside brackets <b>.

here's fiddle


Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c# - Copy ObservableCollection to another ObservableCollection -

-
how copy observablecollection item observablecollection without reference of first collection? here observablecollection item value changes affecting both collections. code private observablecollection<ratemodel> _allmetalrate = new observablecollection<ratemodel>(); private observablecollection<ratemodel> _metalrateondate = new observablecollection<ratemodel>(); public observablecollection<ratemodel> allmetalrate { { return this._allmetalrate; } set { this._allmetalrate = value; notifypropertychanged("metalrate"); } } public observablecollection<ratemodel> metalrateondate { { return this._metalrateondate; } set { this._metalrateondate = value; notifypropertychanged("metalrateondate"); } } foreach (var item in metalrateondate) allmetalrate.add(item); what causing , how can solve it? you need clone object referenced item before it's a...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more