css - Incorporating a Markdown Editor in a Userscript -

i trying add markdowndeep part of userscript designing. unfortunately, tampermonkey uses old way of handling @resources, , returns base64 encoded data uri when gm_getresourceurl called.

but trying work (unfortunately site requires login).

// ==userscript== // @name            steamgifts giveaway improvement // @version         2.5 // @namespace       http://indie-elitist.blogspot.ca/ // @description     automates , streamlines commenting while entering giveaway. // @match           http://www.steamgifts.com/* // @include         http://www.steamgifts.com/* // @grant           gm_getvalue // @grant           gm_setvalue // @grant           gm_deletevalue // @grant           gm_listvalues // @grant           gm_getresourcetext // @grant           gm_getresourceurl // @grant           gm_addstyle // @require         https://raw.github.com/domchristie/to-markdown/master/src/to-markdown.js // @resource        markdowndeeplib         https://raw.github.com/toptensoftware/markdowndeep/master/markdowndeepjs/markdowndeeplib.min.js // @resource        mdd_styles              https://raw.github.com/toptensoftware/markdowndeep/master/markdowndeepjs/mdd_styles.css // @resource        mdd_ajax_loader         https://raw.github.com/toptensoftware/markdowndeep/master/markdowndeepjs/mdd_ajax_loader.gif // @resource        mdd_gripper             https://raw.github.com/toptensoftware/markdowndeep/master/markdowndeepjs/mdd_gripper.png // @resource        mdd_modal_background    https://raw.github.com/toptensoftware/markdowndeep/master/markdowndeepjs/mdd_modal_background.png // @resource        mdd_toolbar             https://raw.github.com/toptensoftware/markdowndeep/master/markdowndeepjs/mdd_toolbar.png // @resource        mdd_help                https://raw.github.com/toptensoftware/markdowndeep/master/markdowndeepjs/mdd_help.htm // ==/userscript==       var csstxt = gm_getresourcetext("mdd_styles");     csstxt = csstxt.replace(/url\(.?mdd_ajax_loader\.gif.?\);/g,        'url(' + gm_getresourceurl('mdd_ajax_loader') + ')');     csstxt = csstxt.replace(/url\(.?mdd_gripper\.png.?\);/g,            'url(' + gm_getresourceurl('mdd_gripper') + ')');     csstxt = csstxt.replace(/url\(.?mdd_modal_background\.png.?\);/g,   'url(' + gm_getresourceurl('mdd_modal_background') + ')');     csstxt = csstxt.replace(/url\(.?mdd_toolbar\.png.?\);/g,            'url(' + gm_getresourceurl('mdd_toolbar') + ')');     gm_addstyle(csstxt);      var scripttag = document.createelement('script');     scripttag.type = 'text/javascript';     scripttag.innerhtml = gm_getresourcetext('markdowndeeplib');     $('head').append(scripttag);      $('textarea#body').addclass('mdd_editor').markdowndeep({ help_location: decodeuricomponent(gm_getresourceurl('mdd_help')), disabletabhandling:true }); 

how ever use in conjecture html files, in case of mdd_help.htm?

but more pertinently, have been unable images work. chrome giving me "invalid property value.", in "inspect element>css window", (among others): url(data:image/png;base64,ivborw0kggoaaaansuheugaaar4aaaascayaaaczdnfeaaaaaxnsr0iars4c6qaaaazis0deap8a/wd/ol2nkwaaaalwsflzaaalewaacxmbajqcgaaaaad0su1fb9okegsighdai8saaaadavrydenvbw1lbnqaaaaaaenyzwf0zwqgd2l0acbhsu1qzc5lbwaagujjrefuenrtxxd8foxwfmzlet2qhsqkehqtuawrsnfluschcfharlbgaywrxgt6rderspkufux0aijeqbqvuepaogrckcrgoiflu3y3m7vt5/tjk5cyzwazaftu+f2szjz5cubm+z7znppo7gg85jwvec1rxvoa17zmna95zwsenulvcbafbtgdc2aygne8z/dnoq4sy6uxlluxoznty16du+jbfye1unykv8v58jrx/vbe8+gg3xcaeinrwzj8o3hi/izipsxiljyh6vrebfb5fu/t9h/wvb/wupd0k7epu05k9r/zvacg5cgwhgiag5vhyavz0dqhhuxasdx4xsdonxndjq1pbxb0oqisiz8uu93j43dbssmlakwe8pyqf961yhoyo1ptjscs0bng228aag0eambig7fgvrl3iulenh8dpfnssurgulana3pejii+ycdw7vqp+itoykz8gznkhktwvtqmp7742e2fvavu+uh2ifryakf7hhfv8tckpfhbunubjp/oddlb5k663efrla/qnaqrc1gycrqdppdkeln/x1ajf3nw4io27l4wvxyxhxbi98craawcai1k4xsbf3mxuend2jv6pl2t94wy+6jisaxsqwsfp1eu3sa1d3+0paxjejjqdz38fvcgatijakun3hv4ts5gymeqwplwigj0sbkiqysltyrm+prdr4ks/xpea2dynvxlktv9gwe+i0fac1gg8oye+thfcrqzxchgw+9bnurbplasjrv2adztexristyiueog2ahi4b3jzrnpc8yumqnd8gchsblexzdbio6os5n5ecv5c0ggyr40abg8ynbkhiprp/7gyrx+fa3ppk+ewotyodv9brs1cqf2bxgn4mlutzcbqyzybcvoag/hs/ciigyvlmslpnrerrjjwf6ymxky6iahffiou9eamkkapgkdxkg0idqqvcwrwpmvdeql784m+rzzxkpvab2nibphc4sabafaeqi+4c5ehf1y7ocafswmoyxqqk6i2eqbqmilixcdocgehp4042lkwqrc6dhacfgmxxytuhqeg0dws/e9hx/uk1fkiuuvrmib16ikgtt/+mdinr6+0t8qy3naspxbdhv7pbbze3fhxtjqb2ed5zmiojwmkiq6tjpl4gjt954+tpr0alvlhx+f6v/vee7ttx7ypl1ls7xcwjojejss07kumikmlrdvg4md05ftodytbhh35xzamjut1cpkvre8j3bhbbqzk4a1ycmdcrbavxmwb6sosdsog4kmxzdaqtuqry9/onops6/qyh9iyfnfkkavjwwlbd5b9fksjf9c6ooehdukzwcam7upoj4jtbrtaab7anqy27rmnkstrhvp8vxuzxzhjudy5ozh83z/io0dkms7acy4g6xvzvbfsgcvggdbegpbakvewbgwpjqyju2vxkfwqn/7szrzr1vpi6ofo7bc4cxr9n0ylqc5x/nweknx0d/3bulih6dmjactpi4tvrzrxi8prwdbt29vkbunt4a8gaso0ytblgykc/ycofgchzhasqxeuz7i+xxnml9shstvq1kw1peobd9uuu7lkj6uw5r/rgejmsbxb2yhvtvqiklns0yq4qt5esxncixnnqnv+uebi0/f7d8/wkga7fstb5ct4bp/pbncvxbqfrirlmoqeio4xtl7wpnyinsgdfdpfldq6s9inu3jnc5qqsphyn/qxyfwrctd8vyavqnt/ps+etulpue8nqqhruz7v1zsaqcw4+abeau//lyo8m8aodnbt0zdp+4nivxbylco0u0dzyxbcbxsz6a+xsajagonsiixpmnqkn5b5nkxaq7kbg8qhrbclizvks5advnzfmjskdvw0gqc3vfcs3dtssgrcitomvjm8g5rouitm3bhxthwootswt+ayagopshijj5jb2rkis+dnbyu27dm7iuepp6wkc7x2rd55+ofqcyfaadahpt0vfucgkfefwhdulyyz7lehr4q4o2sq3xpfkzapcjyrmazl53eog118uu7o1wu8keqqip8rxrfzcvbvvikzvdvvyazqiom0r3a3lfv/8b+oxdg1vkcty49ux+ltvsdu4m2eernz7jemjzk2cmdd2s899tbfsstqej47tuaze8uyx2osxmk85jqqkfan8tgzrcglyyn+aqp2hfdb4amexe6aquhwva8nyb7avfahpgpz3ypiiskt3c0gqshzll7+l/oiivysrywiolotnu4j7vularja/yci3qc2dovo7m47igfuutesfzddnzbgdzuspvipk+zdj/o7qdfzoafkucwnkliwbq8ii94dvy7gzfpccyttln0uwcu4qs0jh4vlhtp29/v9563azuafazrigdo3y3sllflvzseupjbwkavyso41udkcryfhes/prnp+keasp/teg5cj3siibfgaoajsyrsa6g4svkvpv92pbcatm+ctnraw1su8jx1xnwen6xipikrysbakj1txk5x85eabaswywnp1hso56dvab/lee5qddvmml1q5tiyxn8wampfbjwzdbwbpadvu3e2ubtttcmwig5hozvggl2ksm1i/lzk2rmqx59ht215ltmta+gnlyk5abynferrdzrc0gkq8tomap1bcva1v/nqti14coorsxbtd3hm9hrqfh7plpwnzjz6ndb99xmawioplor/eefwlcnb8ux5m3+cqezyp4rgm9wcdszpf5dpwyqvndobygputo3smdaqt2pmhprqz8dze+qcdxr9gelpy6desukwmkohqkrosd/ugje8jbz14iozm66xlibbpfulcfqdzjn+qggzj19aoeql1qnqaraaynyd48sbtllcjkkssqlcrig1mj1dpi1qpdmb/nbcvkue2tmoebzq7harutrceiotalsf6n1hohpuwlfimojoyfyyzrxqi53qvlffqr1e/+kymwmxuptlaems2z5bos8par5ap613sxv4j3zyufx9cdgshepgtr2l5gnlwbquv+kjl3dg0zntiypagbgb8555aru+xiofz86dvqvb2ghdspbncnaca0gm4qgmubviynwwvpnov0rx2a7iwfu6d4cwnmgkkj2nyuppy+feiyjassjuxijt2vuqocuom0uo1czah9c3voje+phofssqqw7jwayordrk4+m/niakkp6mdd4aoadytj//ams1gbvugauqwdimcczlgelxdi1hq9forfe785sqhqby/uqcwlc++oz0r7alywb16enbktyajmph5llmhb4krz5ughth9mmd/trh1nttzurrtffjzr7+3j4ns751jrjskmmter+pi3o3tlnhpdslj77cgzfntyofry/yy6y4ngteoh8axifnwrov12ny8iss+mixnri3fzas3ie71dq9avhfqrhcsyhjoxngymqjx3sdgackz+bdmv4eec+wafxwrl9zmzuxdo5r00vuh2pusvg61xiwy6n0qy08+x8ynkffma4nru0mkbqib+gokkyyelqa7r0tveprarqdoj7bussw3mujcawcldiwp++a9sk53/18qk/xr/pnnthe1a9vgqo7002ica9rhzufr9730ijcnu4njh81vljx9y6jj85emahgwzcm+i17h4+j2o6jtetuqrxqzdkwwxgultm4n1kbyzwdsniaavci7zyekz9ag2gjd2heyx/g9fmtenr/zvnysa+cl0rbqhvfnllx3e/r43/05w/qistfvveaz5spixqpeud7slbbljgbk0j4dk/3q3wrkqmhd/7cz/uycjawjgeyuxefmx+qi18dht3rfdqrycglhtmk55idgo8jqo19pg6vhjieq59u/d6myteya3wknm77sruthtvo3tw5g+dmgtdpzagqqll1vtwn1hqbzkwz3d26dpxc6xf4u6eohwe2v4+u46ctzdkcidjsum0iguffzspjoqcyql4xcyorbsvqok0kkmomnhmr3zebh347jojoaayb8bjscuupnu+xjhatxj4rewrfj5zexu3icgkbh/rdmzx457jn8wwf3h4w2h4z6xwwjbqrexnulanfqduxawdmiqoobfn5q0ij29/gmq7sf2ac+ujj/pcunpmoc0/f11q379dr+pz0h+pattu24yvwrbeaufpobykp7dfchmephe/phf/itotckgpjsmhrvut0+jfpcvzdsxwia1t89/cho7t16ti6pcs48letae2rsflatvqmla54pbzflkefkufwzlx8wvgnlqhb0bqsfhjwqhow0gybyxacrenbfm7nxgglg59lleuo8py1ad7zcbyeryedj9+5nj6ev0c4tslwhfn4uuc8n+lo5vorqydjqym7rgemuzzh2h9tlu+cq+jjnrb3f965q/e79oxpo64tqzboaoa54vkrggwxbpz18jmbg/onjmbfxqcayohhh8x+1cmlol3on/1793igc3xcvfxstfq1xejewjr2px4psvcwjw7+y1vy0+lp5y7x+wie526j4xkbe59cbvgsiiqaknpuhoqf219bsg2log6cgg57j8yptix5/pbkunyjpn7hkzwdzjr0yun3lvd143nynlq8niaons5mx1pc+k65jpujtm1tde5gxn4513x5j26/782y+3w6mp1nux4306y9+5/xjjm5xwsuhmk2m1fnugcsfsu28ou7djl7dv7zmte85jwvec1rxvoa17zmna95zwte85rxvoy1t4waaontfpuhi7sthkp5xwzjlfbzcjr47eydxlwvrhfxi+si17achhz9jx5zh+crkvtyjocz8oj6cb24xlxhudbiksqcdouzdsvjriptg4bbbwwrxwxggyfecuu1wj5hqybftgsdjb7twiesyn9j/hk6weivhr6pq0vh3srnzyv7v4trix6rb1gpayt8w+0wxi020jiba0kmua7fkb5so1uxirof5/drmuqmvtiwd/ejq8foci/4k5vkyjumwws3ufh95lcpwdvkdpn47vvel/4wvhky96ujuxagehychcqwyoczeskdgjcse4bhcl/ppcg3y8t8md1u6nm71xftxcpw8bijcxzd7rberayfnm2uxngcr1bn+10mvr08aatzjjl3d0ereh9f/hltgn5vjpsf1uq5uyssn3bdcvd/+53ikg7dug3htn3tmg5udzmo3d8j7gvbdobzc8cohcbgnfgcwm4zfiqydpjx2sco2gz7hl42fpbtxc73patctewue/nhpktoxqjjb8qfcrmn3z5vf1sf4i+qendwhc6fg86hqffqcvhrenn+wnknmkwrqgr9uwnvoltiobqhm6fvs7lncy3ietxheklqclsfcbnlobytyenpz+ddjnayvkwhdb8kd4px5k+udbjhexmq6xp2jkfucq5bxszq93ei6+twf6ddjlziaithwzhjmwooxmjxz2c/+7fxiw4aknwlmph2x1j8qle617jma83etskzwv0mgo97f/4kmany50l9frxmtx35nvbahcbhxyphrbslkrqod0q+fyixrx6hv5pziwsvtnht3hkmi6c0sosoelfucsf2jejc1+4qbm9diwseo021fppmsltvsfaa3lswc9pvhyagap9mszsi19imv7vlu13iflqbcrtmnmrqilmvxraknppdtwrrwtw/6cp6rvqd+mrxdydxqgbv2jglx8v8m5bfr3km1y2r3d8hrq9dpeo0y4rlxgd2bgi0wy75n2xjzdsjhk0fhsucbwstgx5js3gvp4quu0w0/p8u/fx3vs+1wljwkyj/l1/uj8e6zijctehh4m4otiqi/xqjy1dyykwmgccgvxqxja3vi7wie8agnxgjm2ocalnfxa9hk2eoyockuiewkaw9unbfjzlr8bet6bnrjiohejp+2wohz+c7sbve+xltxffvypcsv68ptppf4jct5zfu/nuy++zqggcwz+i9zgmhq/hk7voe8eofagbk/7aghwja27linmutnvlabpejswxl9n1x4o/iwvfw6rhuwlg3bppbz2f8vxprizl8k5i9f0l//fwuj4nfbuczsvdhsapasmquddljk7vlbem5jqpphzpmr5x2mxcbcwc/zaaasnupumxsxjjzjk7llhmyxm8dujmdokzpumavjbusrisdpi4ip0uqq+tx9oojxvfzwtpv6brkgdh6ir8wdxvt/4fpgxsrkfu4radstedrnhmyxdqhqs2kugkw4msjcvtspxybs+pbcywkfdqcs+zcok1qe6ij4heapml7rh4dgikehstdva+nk299loi59w52isldt91ku2j7op5ts59bh1ab9vexg8tyqbk7tpasjxt32ogrifsaui4tx/xzjm/3sdj9yisky1/jgcckxdwfvw2akirgriuwlwxh/rugcbynu4t0zck1q47kftdy7f4ocn3umuecfwam7x0mkecxniotj/dt2j7nrrwoxqvbztxwsi4vx7bos8dwazldjhrv58a8ai6/agbmsst+zcd4qjrbqphizkidcjzmdsqxvbeaysqkgzslwm0gmmp9ac3petdubobvzcfyqsk7wzsichsw5yiahx1ncebgvgwcoggbxqqwogtgugk1a1aeatmt5ftpz9q9xdxzjgjjac+mvgl7hqlkqv0dv98obiunglm0gxk6thru5wmf2w7u1qg7kfhhi8e2iebom9qfq/fcoj/auicgp21/oqeucym7uu+v2jkvgm1/cqbja1jm+qn9mg+zcz2msa66tlhiidzumiej1do+yj9+kyrgkj0khu9vk3i6ieotmliiw87cdrbi8so9khgnxlzchjnfexh5wgqnuiq6thhgxjq3nazfzsimvi3+ibmymdaxa6j5gax0agliwg1qq4janplzaa5aabqvhigaanq1cwajto8gdarryonpbn4hahszpotdjhzeqdgqls89c+q2z97td+mhdgy6n8iq+/yjlwaaxy2abjvvbxj5q1rttbjovlycnc4tg/v52vffgb/vhwlb9/bkvd5mqvswdgbxd3wtjypt4lbruhiyrxue6ktgi3rfvpqdev9p0yit1wrj61l5ufh9crvlhixvrbsqkcw/6oelwwsbxjzzpb3vy0s5xmqhosopmz7zg8wj/k4xl3cvbr6uki4tms/b7vuv9xq4ne2c4sfo/g3czciak4zwiqcaxlqjpmzfssrog+avmrv67adxx7jc1ishyqkcsfnqq223+8trdohyz2no0mxcqrwurwqxo17bl+dymg7jfmzydxaj3wiwz1s/zq1qtvmyaqdw8j1dnl/xdm4pxxo9itscoilhrmten763ovqxievxoesrktez0iiecnapv1+o+lojnaya6yc35bgekzgea1iqqaijabjgy7h2id1vlwkxq09ud5mqsar1+olykjwzwldtjls5nedxt4efzkpgjs0ahsurzncvdjmqed5ojr9vmm6upnbmr70ue6nskwq8bntpgekderiijr/09cla63q1te9napphqjsiwvkvqqu1ec+u1hfgrreadplweaffqdbd3sov13i+scwc4v3dlpq7t9km96epj4jasnz06jevkcmadaonabf0dqp79istlhmnxttx4itmpmwkrgto/swmlg+ohrytavkcxzwxbdfnwpwzu4/llhmuuik3u0zislv+hvpjpt88l2k0voqiqmvelzbq7r/qshgeaa3u4otinvmmica4cpghggzzpw2rhlvahez7gltdrojq2xtpheer2nz24aehrl+o32b8wy1vrt9lm1x991+8er3gm7gf4up9rewumthx/z0agmrootdxjqe4bjeudw7sjs0bn2hzz0crqmufycnj0k9vanrqxrchc8op9cuy/+xchiefyuydfdguy2344cbfjebwtv2vvn6qyfe3ec6n1aewwfvzwntxlhbjwdvyu8uejfwt5n+frg2xiymjdjrvwjuap7+ux2blcudmj8rgqfzfnshlnnd4gnszchnetnqqxg3bub6tzr2c4cg9komvowbmsndvajkjzvivewhrc/shmfjxh/jo/k2p8dixo3ctafjtod6p2fpohfhr8d7kazjel9podic03lads8ze0obxzxdtzsqk9tmdo+wan0+iwjt4soz4at92t4/ahbytmph+e1htzqjv1trifrsmbspgyuestieu/tp2xcefucaa3qm/jf2u1s+se86pry7i0dk4ea5jxlkq5wdx7s4tlnabygend5cutqalo12qe75xbowqv/uzxy6zlcuduclgydagw7j2to017zznzovl6x50jqts0gvc4bxqz9kkm2uedq8rmm+nruyiwhmzhmtkcgjnergteapp/dij7hj/u9hsngjmyoh4teqpjisuqa+ukom8jfsl/wicq9wlyfnfkll6dljz2a9auszwhtienovhjiti4yir4rvl0n82hns91zjbu0qjowtpfce2r0yqin9opug2kgqafz3628rplrr+hktqod0axlfm5aqwm10mzkraaddc7yswna7huh9ccj42gvvsand6edpmprzgm4oradz2ayj3cvlzcgtepawuewptlehjicrpmzvjoyioxqfwjyayc7fitx4erykazwsanfplwgx4auuiuxhzvrx6p5njupwbfgqcahrxv+pxw6gi6j0c/wu6tdw1nwtnjquiqt0ly/qdiirvhtoofcfs0nhu2f7misftn+8p9jeyvwfs6jeej0nzcd3umugicox2lwkzxewxef+cqtgdy3pdcumgqufxhev3htdmnl0cabaun4iuewoxbdtp/yjpmkwc1ez5zpucmv78l5lahek4lryfhxe4qqbw6jbhchs7rfkg/ppxplh8e3jot+amiam8wygd+44ipvqlsroavqonekyniderpnkm5fzfi+frvgwu+su9nyjvmg4w7oyeckiivb5xf7wy79ptspc5sbm4ruowo+o1imoncrhjnzp5zr9g/kifxy/tx+g9o90knovxgijfmmqpgogk7jjxh+jgxe1lueiremljd1ikvnrg+wbg9ler6b+zg0wrtu++s9dulr9exc/u/zqujxh4+igmfwigmtlns5igcefrhnpxvbhexc+ui1yvec1rxrur9v+tsmpuyxpajqaaaabjru5erkjggg==) width:20px