D&D Next spellbook card generator

download
- ~~Download PDF (Out limit)~~
  Use "Print as PDF" in Chrome
- Download spellbook CSV
card mode
en
- EN
- RU
- PT
- IT
- FR (official)
- FR (community)
- FR (legacy)
- ES
- DE (Artificer, Kleriker, Hexer, Druide, Zauberer)
- SP (empty sample)
- PL
- CZ (warlock)
- HU (wizard, cleric)
- DISLEXIE (wizard)
- Email me your lang-packs and I'll add it to site
  (Example: wizard_fr.csv or wizard_it.csv)
help
- You can edit your CSV-files here
- 1. Delimiter is ; 2. Fields order:
  "Level"; "Name"; "Type"; "Cast Time"; "Range"; "Components"; "Duration"; "Description"
- Download example CSV
- step 1 - download the example.csv
  step 2 - fill your own .csv file with spells based on example.csv
  step 3 - select the file, choose a class
  step 4 -
  Back is ready for two-sided print!
  (you can see it only in the print preview)

Level from: to

hide XGE spells
hide SCAG spells
hide TCE spells

custom background URL

custom background icons

Back to default icons

Change class color:
Back to default color

Sorry guys, I need to pay server's bills.

=_=

Liked it?
Support on Boosty

Support on Patreon

Contacts:
Twitter with update log: @angrygazebo
if you have any ideas, email me

In Tobolar we trust!

Last spellbooks:
ArtificerWizardSorcererBardClericDruidPaladinRangerWarlockOtherw40k

What do you think?

http://beta.hardcodex.ru :3

A4 portrait 9 cards
on page

Other

Other

Other

Other

Other

Other

Other

}

Other

}

Other

load() load()

saveName() saveName()

}) })

var id = '#e'+$(this).attr('name') var id = '#e'+$(this).attr('name')

var val = $(this).val() var val = $(this).val()

val = val.replace(/\n/g, '
') val = val.replace(/\n/g, '
')

$(id).removeClass('smtext').removeClass('smm') $(id).removeClass('smtext').removeClass('smm')

if (val.length>900) {$(id).addClass('smtext') if (val.length>900) {$(id).addClass('smtext')

if (val.length>1400) {$(id).addClass('smm') if (val.length>1400) {$(id).addClass('smm')

Other

Other

Other

Other

/g, ',')+'

casting time ')
range

Other '):(0+'

/g, ',')+'

Other '

/g, ',')+'

Other '

/g, ',')+'

Other '

/g, ',')+'

Other '

$(id).html(val) $(id).html(val)

}) })

var str = '' var str = ''

$('#CSV').val(str) $('#CSV').val(str)

str+=$('input[name=level]').val()?($('input[name=level]').val().replace(/ str+=$('input[name=level]').val()?($('input[name=level]').val().replace(/

str+=$('input[name=name]').val().replace(/ str+=$('input[name=name]').val().replace(/

str+=$('input[name=type]').val().replace(/ str+=$('input[name=type]').val().replace(/

str+=$('input[name=time]').val().replace(/ str+=$('input[name=time]').val().replace(/

str+=$('input[name=range]').val().replace(/ str+=$('input[name=range]').val().replace(/

/g, ',')+'

Other '

/g, ',')+'

Other '

/g, ',').replace(/\r?\n|\r/g, '
')+') ':''

Other

/g, ',').replace(/\r?\n|\r/g, '
')+'

casting time
range

Other '

/g, ',')+'

Other '

Other

Other

Other

/g, ','), $('#SpellList li').length+1)

Other

str+=$('input[name=comp]').val().replace(/ str+=$('input[name=comp]').val().replace(/

str+=$('input[name=dur]').val().replace(/ str+=$('input[name=dur]').val().replace(/

mats = $('textarea[name=mats]').val().trim()?'('+$('textarea[name=mats]').val().replace(/ mats = $('textarea[name=mats]').val().trim()?'('+$('textarea[name=mats]').val().replace(/

str+= mats+$('textarea[name=text]').val().replace(/ str+= mats+$('textarea[name=text]').val().replace(/

str+=$('input[name=classname]').val().replace(/ str+=$('input[name=classname]').val().replace(/

$('#CSV').val(str) $('#CSV').val(str)

}) })

var str = '' var str = ''

var $li = addLi($('input[name=name]').val().replace(/ var $li = addLi($('input[name=name]').val().replace(/

/g, ',')+'

casting time ')
range

Other '):(0+'

/g, ',')+'

Other '

/g, ',')+'

Other '

/g, ',')+'

Other '

/g, ',')+'

Other '

/g, ',')+'

Other '

/g, ',')+'

casting time
range

Other '

/g, ',').replace(/\r?\n|\r/g, '
')+') ':''

Other

/g, ',').replace(/\r?\n|\r/g, '
')+'

casting time
range

Other '

str+=$('input[name=level]').val()?($('input[name=level]').val().replace(/ str+=$('input[name=level]').val()?($('input[name=level]').val().replace(/

str+=$('input[name=name]').val().replace(/ str+=$('input[name=name]').val().replace(/

str+=$('input[name=type]').val().replace(/ str+=$('input[name=type]').val().replace(/

str+=$('input[name=time]').val().replace(/ str+=$('input[name=time]').val().replace(/

str+=$('input[name=range]').val().replace(/ str+=$('input[name=range]').val().replace(/

str+=$('input[name=comp]').val().replace(/ str+=$('input[name=comp]').val().replace(/

str+=$('input[name=dur]').val().replace(/ str+=$('input[name=dur]').val().replace(/

mats = $('textarea[name=mats]').val().trim()?'('+$('textarea[name=mats]').val().replace(/ mats = $('textarea[name=mats]').val().trim()?'('+$('textarea[name=mats]').val().replace(/

str+= mats+$('textarea[name=text]').val().replace(/ str+= mats+$('textarea[name=text]').val().replace(/

/g, ',')+'

Other '

Other

Other

Other

Other

Other

Other

Other

Other

str+=$('input[name=classname]').val().replace(/ str+=$('input[name=classname]').val().replace(/

$li.children('textarea').val(str) $li.children('textarea').val(str)

$('.page input, .page textarea').not('#CSVready, #SpellList textarea').val('') $('.page input, .page textarea').not('#CSVready, #SpellList textarea').val('')

save($li) save($li)

}) })

var str = '' var str = ''

str = str +'\n'+ $(this).val() str = str +'\n'+ $(this).val()

}) })

$('input[name=heroname]').val($('#heroname').val()) $('input[name=heroname]').val($('#heroname').val())

Other

Other

Other

')

Other

Other

Other

Other

Other

Other

$('#CSVready').val(str) $('#CSVready').val(str)

$('#formReady')[0].submit() $('#formReady')[0].submit()

}) })

var a = $('#CSV').val().split(' var a = $('#CSV').val().split('

if (a[0]) $('input[name=level]').val(a[0].trim()) if (a[0]) $('input[name=level]').val(a[0].trim())

if (a[1]) $('input[name=name]').val(a[1].trim()) if (a[1]) $('input[name=name]').val(a[1].trim())

if (a[2]) $('input[name=type]').val(a[2].trim()) if (a[2]) $('input[name=type]').val(a[2].trim())

if (a[3]) $('input[name=time]').val(a[3].trim()) if (a[3]) $('input[name=time]').val(a[3].trim())

if (a[4]) $('input[name=range]').val(a[4].trim()) if (a[4]) $('input[name=range]').val(a[4].trim())

Other

Other

Other

Other

Other

Other

Other

Other

Other

if (a[5]) $('input[name=comp]').val(a[5].trim()) if (a[5]) $('input[name=comp]').val(a[5].trim())

if (a[6]) $('input[name=dur]').val(a[6].trim()) if (a[6]) $('input[name=dur]').val(a[6].trim())

var text = a[7].trim().replace(/
/g, '\n') var text = a[7].trim().replace(/
/g, '\n')

var mat = '' var mat = ''

var match = '' var match = ''

match = text.match(/\(([^()]*)\)/) match = text.match(/\(([^()]*)\)/)

text = text.replace(match[0], '').trim() text = text.replace(match[0], '').trim()

$('textarea[name=text]').val(text) $('textarea[name=text]').val(text)

$('textarea[name=mats]').val(mat) $('textarea[name=mats]').val(mat)

Other

Other

Other

Other

Other

margin-top: 10px

casting time>Add card to ready CSV
range

Other font-weight: bold

>

Other

color:#fff

casting time height:18px
range margin-left:5px

components vertical-align:top
duration> Patreon

Other >Support on

>

Other

if (a[8]) $('input[name=classname]').val(a[8].trim()) if (a[8]) $('input[name=classname]').val(a[8].trim())

$('input[name=name], input[name=time], input[name=range], input[name=comp], input[name=dur], textarea[name=mats], textarea[name=text], input[name=type], input[name=level], input[name=classname]').keyup() $('input[name=name], input[name=time], input[name=range], input[name=comp], input[name=dur], textarea[name=mats], textarea[name=text], input[name=type], input[name=level], input[name=classname]').keyup()

$('#CSV').val('') $('#CSV').val('')

}) })

}) })

/>

Other

overflow:auto

Other >

height:300px

casting time>

range

Other visibility:hidden

>Cancel

Other

>

Other

>

Other

>Add card to ready CSV

Other

height:300px

Other >

Other

<b class="level-2"> <textarea id=CSVready name=csv style=width:100%</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> <a id=cancel href=# onclick=return false</b> <b class="level-2"> <a id=cancel href=# onclick=return false</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> <div style=zoom:1.5</b> <b class="level-2"> <div style=zoom:1.5</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> <div style=margin-bottom:10px</b> <b class="level-2"> <div style=margin-bottom:10px</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> <button id=add2 style=float: left</b> <b class="level-2"> <button id=add2 style=float: left</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> <textarea id=CSV name=csv style=width:100%</b> <b class="level-2"> <textarea id=CSV name=csv style=width:100%</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> accurateTrackBounce:true})</b> <b class="level-2"> accurateTrackBounce:true})</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <br clear="all"><div class="noprint separator nomobile"></div> <div id="c6311a" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"></h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="cd5be3" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"> }</h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="c6311a" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"></h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="c6311a" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"></h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="c6311a" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"></h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="c6311a" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"></h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="cd5be3" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"> }</h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="c6311a" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"></h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"></b> </div> </div> <div id="c6c57f" class="card card-left cardBlock class-99 "> <div class="front"> <div class="body"> <h3 class="name lined srname"> left:-9999px</h3> <p class="text "></p> </div> <b class="class srclass">Other</b> <b class="type srtype"> alt= /></div></noscript></b> </div> </div> <br clear="all"><div class="noprint separator nomobile"></div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> })</b> <b class="level-2"> })</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> f = function () { n.parentNode.insertBefore(s, n)</b> <b class="level-2"> f = function () { n.parentNode.insertBefore(s, n)</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> s.type = text/javascript</b> <b class="level-2"> s.type = text/javascript</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> s.async = true</b> <b class="level-2"> s.async = true</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> s.src = (d.location.protocol == https: ? https: : http:) + //mc.yandex.ru/metrika/watch.js</b> <b class="level-2"> s.src = (d.location.protocol == https: ? https: : http:) + //mc.yandex.ru/metrika/watch.js</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> d.addEventListener(DOMContentLoaded, f, false)</b> <b class="level-2"> d.addEventListener(DOMContentLoaded, f, false)</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> } else { f()</b> <b class="level-2"> } else { f()</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> })(document, window, yandex_metrika_callbacks)</b> <b class="level-2"> })(document, window, yandex_metrika_callbacks)</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <div class="card cardBlock card-right flip class-99"> <div class="backface"> <div class="body"><div class="line"> <i class="b-lt"></i> <i class="b-rt"></i> <i class="b-lb"></i> <i class="b-rb"></i> <b class="level-1"> <noscript><div><img src=//mc.yandex.ru/watch/25867631 style=position:absolute</b> <b class="level-2"> <noscript><div><img src=//mc.yandex.ru/watch/25867631 style=position:absolute</b> <i class="icon-top rpg-Icon1_38"></i> <i class="icon rpg-Icon2_66"></i> <i class="icon-bot rpg-Icon2_19"></i> </div> </div> </div> </div> <br clear="all"><div class="noprint separator nomobile"></div><br clear="all"><div class="noprint separator nomobile hide-added"></div><br clear="all"> </div> </div>  <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter25867631 = new Ya.Metrika({id:25867631, clickmap:true, trackLinks:true, accurateTrackBounce:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="//mc.yandex.ru/watch/25867631" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </body> </html>