Welcome to Author Dock 4.0: PubWriter FAQhttps://login.authordock.com/https://login.authordock.com/favicon.ico?14456731682019-12-18T17:38:06ZAuthorDock 4.0
Redmine PubWriter FAQ: Case sensitive - what you need to know about filenames & foldershttps://login.authordock.com/boards/128/topics/13202019-12-18T17:38:06ZBrian Schwartzbrian@selfpublish.org
<p><script type="text/javascript" src="https://login.authordock.com/plugin_assets/redmine_embedded_video/jwplayer.js"></script>
<div id="video_1">Loading the player ...</div>
<script type="text/javascript">
jwplayer("video_1").setup({
file: "https://youtu.be/n020zP14V6Q",
height: 480,
width: 854
});
</script>
</p>
PubWriter FAQ: RE: Need a countdown (timer) for your site?https://login.authordock.com/boards/128/topics/524?r=1292#message-12922019-03-12T13:53:23ZBrian Schwartzbrian@selfpublish.org
<p>Here's another one:<br>
<a href="https://countdown.onlineclock.net/generator/">https://countdown.onlineclock.net/generator/</a></p>
<p>You can use the div id="countbox" to customize a look of the countdown in your stylesheet.</p>
<p>See sample in use at:<br>
<a href="https://read.pubwriter.com/countdown.md">https://read.pubwriter.com/countdown.md</a></p>
PubWriter FAQ: Creating autolinks to an email addresshttps://login.authordock.com/boards/128/topics/9902017-08-01T18:42:41ZBrian Schwartzbrian@selfpublish.org
<a name="PubWriter-Creating-live-links-to-email-addresses"></a>
<h2 >PubWriter - Creating live links to email addresses<a href="#PubWriter-Creating-live-links-to-email-addresses" class="wiki-anchor">¶</a></h2>
<p>In order to make your email a live clickable link people can use with their email clients, you need to wrap your email address with a greater than <strong><</strong> and less than <strong>></strong> : </p>
<p>Example:</p>
<p><code><support@selfpublish.org></code></p>
<p>becomes:</p>
<p><a href="mailto:support@selfpublish.org">support@selfpublish.org</a></p>
PubWriter FAQ: RE: Need a countdown (timer) for your site?https://login.authordock.com/boards/128/topics/524?r=939#message-9392017-05-24T14:19:38ZBrian Schwartzbrian@selfpublish.org
<p>I also like the simplicity, speed, and responsiveness of:</p>
<p><a href="https://www.tickcounter.com">https://www.tickcounter.com</a></p>
PubWriter FAQ: Create a custom divider, scene (or thematic) breaks for PubWriterhttps://login.authordock.com/boards/128/topics/8082016-12-09T22:40:18ZBrian Schwartzbrian@selfpublish.org
<p>I will create a new section for what I would consider more advanced tutorials and ones specifically for PubWriter agents, but till then, here you go.</p>
<p>This is the same as the <code><hr></code> tag in HTML (which you can also use in Markdown, or you can use <code>***</code>). I recommend the <code>***</code> since it will transfer over more cleanly to print.</p>
<p>This is a bit longer - 20 mins or so, but it introduces some pretty slick things you can do with PubWriter.</p>
<p>The idea is to use the same scene break you used in your print edition on your website. When used with the font of your book and cover, you can see how seamlessly the experience from your book to your website can truly be.</p>
<p><script type="text/javascript" src="https://login.authordock.com/plugin_assets/redmine_embedded_video/jwplayer.js"></script>
<div id="video_2">Loading the player ...</div>
<script type="text/javascript">
jwplayer("video_2").setup({
file: "https://youtu.be/H1oDKIhP490",
height: 480,
width: 854
});
</script>
</p>
<p>(or view it on <a href="https://youtu.be/H1oDKIhP490" class="external">YouTube</a>)</p>
<hr>
<p>Here is the css snippets I referenced:</p>
<p><code>/* Divider<br>
</code>=============================================================================*/<br>
<code><br>
</code>hr {<br>
<code>clear: none;<br>
</code> height: 50px;<br>
<code>width: 373px;<br>
</code> margin: 2.5rem auto;<br>
<code>border: none;<br>
</code> background-image: </p>
<blockquote>
<p>Next you copy the CSS from <a href="https://www.base64-image.de/">https://www.base64-image.de/</a>, and add this at the end of the Base64 code:</p>
</blockquote>
<p><code>;<br>
</code> background-repeat: no-repeat;<br>
<code>background-position-x: 50%;<br>
</code>}</p>
<p>Have fun!</p>
<p>~Brian</p>
PubWriter FAQ: RE: Need a countdown (timer) for your site?https://login.authordock.com/boards/128/topics/524?r=763#message-7632016-10-23T16:03:09ZBrian Schwartzbrian@selfpublish.org
<p>I just found one I really like at:</p>
<p><a href="http://itsalmo.st/">http://itsalmo.st/</a></p>
<p>Yes, you can easily embed it on your PubWriter site!</p>
<p>~Brian</p>
PubWriter FAQ: RE: Calendar optionshttps://login.authordock.com/boards/128/topics/726?r=762#message-7622016-10-23T16:02:11ZBrian Schwartzbrian@selfpublish.org
<p>Here's another option that Mike found:</p>
<p><a href="http://www.localendar.com" class="external">www.localendar.com</a></p>
<p>You can view a live example at:</p>
<p><a href="http://scottsavitt.com/Calendar.md">http://scottsavitt.com/Calendar.md</a></p>
PubWriter FAQ: RE: Cleaning up htmlhttps://login.authordock.com/boards/128/topics/746?r=753#message-7532016-10-18T15:15:56ZBrian Schwartzbrian@selfpublish.org
<p>Mike,</p>
<p>It did actually - I received a file from a client in MS Word, and ran it through the <a href="https://word-to-markdown.herokuapp.com/" class="external">Word to MD converter</a> and the result was all that old school HTML. It probably would work fine, but it makes it hard to proof a document. So the fix was to run the result I got back through <a href="http://dan.hersam.com/tools/smart-quotes.html" class="external">Dan's tool</a>.</p>
<p>~Brian</p>
PubWriter FAQ: RE: Cleaning up htmlhttps://login.authordock.com/boards/128/topics/746?r=750#message-7502016-10-18T10:45:02ZMichael Hotchkissmhotchkiss1108@gmail.com
<p>Did this happen when you run a docx through a specific markup converter? </p>
PubWriter FAQ: Cleaning up htmlhttps://login.authordock.com/boards/128/topics/7462016-10-17T22:02:06ZBrian Schwartzbrian@selfpublish.org
<p>Sometimes, when you convert a document, you'll get some ugly 'old school' html that you'll want to clean up.</p>
<p>Example:<br>
<code>&quot;Dr. Latham has crafted a book that gives leaders and organization architects at all levels.&quot;</code></p>
<p>And you want:</p>
<p>"Dr. Latham has crafted a book that gives leaders and organization architects at all levels."</p>
<p>The tool you want that makes this a piece of cake is at:</p>
<p><a href="http://dan.hersam.com/tools/smart-quotes.html">http://dan.hersam.com/tools/smart-quotes.html</a></p>
PubWriter FAQ: Embedding a PDF on your PubWriter pagehttps://login.authordock.com/boards/128/topics/7282016-10-10T23:21:54ZBrian Schwartzbrian@selfpublish.org
<p>If you want to embed a PDF on your PubWriter, page, you'll need to insert some HTML:</p>
<p><code><object data="http://www.pubwriter.com/pdf/kickstarter.pdf" type="application/pdf" width="100%" height="1000"></code><br>
<code><p>Download <a href="http://www.pubwriter.com/pdf/kickstarter.pdf">the PDF!</a></p></code><br>
<code></object></code></p>
<p>Just change the URL to point the PDF you want to embed.</p>
<p>You will need to link to a PDF somewhere in the cloud (and unfortunately it can't be the dropbox public link). But Box.com does work last time I tried it.</p>
<p>Here's the sample page:</p>
<p><a href="http://read.pubwriter.com/kickstarter.md">http://read.pubwriter.com/kickstarter.md</a></p>
PubWriter FAQ: Calendar optionshttps://login.authordock.com/boards/128/topics/7262016-10-10T21:28:40ZBrian Schwartzbrian@selfpublish.org
<p>Because you can embed HTML into a PubWriter page, you can use many different online calendars for your PubWriter site.</p>
<p>I recommend creating a public google calendar and embedding it on your PubWriter site like this:</p>
<p><a href="https://read.pubwriter.com/calendar">https://read.pubwriter.com/calendar</a></p>
<p><img src="https://dl.dropboxusercontent.com/s/x00qh2vyuomnijx/calendar.jpg?dl=0" alt="" /></p>
PubWriter FAQ: How to Search a PubWriter Site (or any other site)https://login.authordock.com/boards/128/topics/7142016-10-06T18:12:36ZBrian Schwartzbrian@selfpublish.org
<a name="How-to-Search"></a>
<h1 >How to Search<a href="#How-to-Search" class="wiki-anchor">¶</a></h1>
<p>We may develop more advanced search capabilities for <a href="http://www.pubwriter.com" class="external">PubWriter</a> in the future, but until we have a solution, you can use Google to search your site by using one of these two techniques.</p>
<p>The first recommendation - if you use Chrome, there's a <a href="https://chrome.google.com/webstore/detail/search-the-current-site/jliolpcnkmolaaecncdfeofombdekjcp" class="external">great plugin</a> you can use.</p>
<p>Otherwise, you can type searches right into the URL bar:</p>
<p>The convention looks like this:</p>
<p><code>site:<your site url> [search term]</code></p>
<p>For example, if you wanted to search the PubWriter Site, <em>UkuleleSongbook.com.com</em> for the word <em>white</em> you would type this into Google:</p>
<p><img src="https://login.authordock.com/images/search.png" alt="" /></p>
<p>Or you can use Google's <a href="https://www.google.com/advanced_search" class="external">Advanced Search</a> page:</p>
<p><img src="https://login.authordock.com/images/search1.png" alt="" /></p>
<p>Keep in mind that if you have any PDFs on your pubwriter site (in the directory within your pubwriter dropbox), Google will also search the text within the PDFs:</p>
<p><img src="https://login.authordock.com/images/search2.png" alt="" /></p>
PubWriter FAQ: Embed a Goodreads Review widget on your PubWriter pagehttps://login.authordock.com/boards/128/topics/6632016-08-19T20:53:25ZBrian Schwartzbrian@selfpublish.org
<p>Here's how:</p>
<p><a href="http://www.goodreads.com/api/reviews_demo_widget_iframe">http://www.goodreads.com/api/reviews_demo_widget_iframe</a></p>
<p>Grab the html snippet and paste it where you want it displayed on your <a href="http://www.pubwriter.com" class="external">PubWriter</a> site.</p>
PubWriter FAQ: Tableshttps://login.authordock.com/boards/128/topics/6382016-08-17T15:15:45ZBrian Schwartzbrian@selfpublish.org
<p>Because PubWriter uses Bootstrap, you can create a table with one of the Bootstrap table creation tools. Here's one:</p>
<p><a href="http://tablestrap.com">http://tablestrap.com</a></p>
<p>Note that you can't build tables using the Markdown table formatting (but that's ok because building tables in bootstrap is much easier).</p>
PubWriter FAQ: Dropdown menushttps://login.authordock.com/boards/128/topics/5482016-07-10T04:51:25ZBrian Schwartzbrian@selfpublish.org
<p>Here's a simple way to create a dropdown menu on your PubWriter page:</p>
<p><code><form name="menuform"></code><br>
<code><select name="menu2"</code><br>
<code>onChange="top.location.href = this.form.menu2.options[this.form.menu2.selectedIndex].value; return false;"></code><br>
<code><option value="http://www.google.com" selected>Google</option></code><br>
<code><option value="http://www.yahoo.com">Yahoo</option></code><br>
<code><option value="http://www.amazon.com">Amazon</option></code><br>
<code></select></code><br>
<code></form></code></p>
<p>Here's a sample in action:</p>
<p><a href="http://demo.pubwriter.com/dropdown.md">http://demo.pubwriter.com/dropdown.md</a></p>
PubWriter FAQ: Top 10 tips (html snippets) of PubWriter power usershttps://login.authordock.com/boards/128/topics/5312016-06-27T16:33:58ZBrian Schwartzbrian@selfpublish.org
<p>I'm creating a list of the top 10 things that a PubWriter power user ought to know.</p>
<p>Markdown is great, and addresses 99% of what users need - but there are times you'll want to dive in deeper a little HTML.</p>
<p>Not to worry however - you can grab the html snippets here!</p>
<p><strong><em>Note: this list is actively being built and may extend beyond ten</em></strong></p>
<a name="1-URL-link-opens-a-new-tab-instead-of-the-existing-tab"></a>
<h2 >1. URL link opens a new tab (instead of the existing tab):<a href="#1-URL-link-opens-a-new-tab-instead-of-the-existing-tab" class="wiki-anchor">¶</a></h2>
<p><code><a target="_blank" href="http://www.">Text displayed</a></code></p>
<a name="2-How-to-hide-text-from-the-reader-but-visible-in-your-editor"></a>
<h2 >2. How to hide text from the reader (but visible in your editor):<a href="#2-How-to-hide-text-from-the-reader-but-visible-in-your-editor" class="wiki-anchor">¶</a></h2>
<p>Just wrap the text with <>. Like this:</p>
<p><code><this text will be hidden when rendered in html></code></p>
<p>FYI: this works in both PubWriter and AuthorDock.</p>
<p><a href="http://www.phraseexpress.com/" class="external">Phrase Express</a> Shortcode: !NT</p>
PubWriter FAQ: Editing Pubwriter Pages with your iPhone/iPad (or other iOS device)https://login.authordock.com/boards/128/topics/5272016-06-26T14:50:23ZBrian Schwartzbrian@selfpublish.org
<p>I have been using <a href="https://itunes.apple.com/us/app/nocs-text-editor-dropbox-markdown/id396073482?mt=8" class="external">Nocs</a> which is a free download for the iOS device to edit my pubwriter pages on my iPad.</p>
PubWriter FAQ: Need a countdown (timer) for your site?https://login.authordock.com/boards/128/topics/5242016-06-24T23:55:03ZBrian Schwartzbrian@selfpublish.org
<p>Here are a couple ways to display a countdown timer on your site:</p>
<p><a href="http://www.countingdownto.com">http://www.countingdownto.com</a></p>
<p><img src="http://i.imgur.com/0tERYAj.png" alt="" /></p>
<a name="OR-use-this-script"></a>
<h2 >OR use this script:<a href="#OR-use-this-script" class="wiki-anchor">¶</a></h2>
<hr>
<p><code><center></code><br>
<code><script language="JavaScript"></code><br>
<code>TargetDate = "5/5/2020 5:00 AM";</code><br>
<code>BackColor = "palegreen";</code><br>
<code>ForeColor = "navy";</code><br>
<code>CountActive = true;</code><br>
<code>CountStepper = -1;</code><br>
<code>LeadingZero = true;</code><br>
<code>DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";</code><br>
<code>FinishMessage = "It is finally here!";</code><br>
<code></script></code><br>
<code><script language="JavaScript" src="http://sandbox.selfpublish.org/js/countdown.js"></script></code><br>
<code></center></code></p>
<hr>
<blockquote>
<p>Notice where you change the target date. You can also control colors if you look closely at the snippet:<br>
<code>BackColor = "palegreen";</code><br>
<code>ForeColor = "navy";</code></p>
</blockquote>
<a name="You-can-see-both-options-in-action-at-httpwinterlinestoriescomdraftscountdownmd"></a>
<h2 >You can see both options in action at: <a href="http://winterlinestories.com/drafts/countdown.md">http://winterlinestories.com/drafts/countdown.md</a><a href="#You-can-see-both-options-in-action-at-httpwinterlinestoriescomdraftscountdownmd" class="wiki-anchor">¶</a></h2>
PubWriter FAQ: Signup for tutorial updateshttps://login.authordock.com/boards/128/topics/5192016-06-16T19:33:28ZBrian Schwartzbrian@selfpublish.org
<p><img src="https://dl.dropboxusercontent.com/u/16258846/Pubwriter/updates.jpg" alt="" /></p>
<p>I <strong>highly</strong> recommend you <a href="http://pubwriter.com/tutorials/signup.md" class="external">subscribe to the Pubwriter Tutorials Feed</a>.</p>
<p>You'll get an email notification anytime I post a tutorial and you can unsubscribe anytime.</p>
<p>There's also a <a href="https://www.youtube.com/channel/UChlElDF7FXXcZZuejPL8ozA" class="external">YouTube channel</a> where I'll be posting any new PubWriter video tutorials. </p>
<p>While you are there, be sure to subscribe to be notified anytime I post a new tutorial.</p>
<p>Committed to your PubWriter success,<br>
Brian</p>
PubWriter FAQ: Watch out for domain registration scamshttps://login.authordock.com/boards/128/topics/5182016-06-16T18:34:58ZBrian Schwartzbrian@selfpublish.org
<p>Unless you registered your domain as private or had us register it for you, you will get scammers trying to get you to renew your domain with them. You'll likely get notices in both snail mail and eMail. Ignore them! The only company that should be contacting you regarding renewals is the company you actually registered your domain through.</p>
<p>Here's an example of a scam email a client of mine just got:</p>
<p><img src="https://dl.dropboxusercontent.com/s/6v2earzvj1fjagg/domain-registration-scam.jpg?dl=0" alt="" /></p>
<p>I'd recommend the private registration.<br>
Right now, it's included in the cost when you <a href="https://domains.google/" class="external">register your domain with Google</a>.</p>
PubWriter FAQ: Working with Drafts (aka Sandbox)https://login.authordock.com/boards/128/topics/5162016-06-16T14:11:49ZBrian Schwartzbrian@selfpublish.org
<p>If you are doing some testing of a new page, or are working on a page you don't necessarily want published on your main pubwriter site, you can utilize your drafts folder.</p>
<p>This is especially important if you doing any testing of html snippets that you want to test the rendering on. </p>
<p>Or...</p>
<p>If you are making changes to an existing page, it's not a bad idea (especially if you want to be sure not to lose anything in the original) to save a copy to drafts, and work on it there.</p>
<p>Just create (or copy) your file into your pubwriter/drafts folder and you can visit the page on your website adding the /drafts/ in the URL.</p>
<p>For example:</p>
<p><a href="http://www.pubwriter.com/drafts/example.md">http://www.pubwriter.com/drafts/example.md</a></p>
<p>Notice how I added the <strong>/drafts/</strong> before the .md filename?</p>
PubWriter FAQ: Buttonshttps://login.authordock.com/boards/128/topics/5102016-06-14T18:11:10ZBrian Schwartzbrian@selfpublish.org
<a name="Creating-Buttons"></a>
<h1 >Creating Buttons<a href="#Creating-Buttons" class="wiki-anchor">¶</a></h1>
<p>Give your readers a clickable button!</p>
<p>PubWriter Supports Bootstrap 3 Buttons:</p>
<p><a href="http://www.plugolabs.com/twitter-bootstrap-button-generator-3/">http://www.plugolabs.com/twitter-bootstrap-button-generator-3/</a></p>
<p>Video Tutorial:</p>
<p><a href="https://youtu.be/NH_Nwz_RlMs">https://youtu.be/NH_Nwz_RlMs</a></p>
<p>By default, it go to the page you direct them to, but if you want it to instead <strong>open the link in a new tab</strong>, you need to add the <code>target="_blank"</code> before the <strong>href</strong>.</p>
<p>Here's the full html snippet:</p>
<p><code><a target="_blank" href="https://form.jotform.com/61668158779172" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-comment"></span> Post a comment</a></code></p>
PubWriter FAQ: Markdown Formattinghttps://login.authordock.com/boards/128/topics/5022016-06-10T16:03:04ZBrian Schwartzbrian@selfpublish.org
<p>You can do a lot of fancy formatting in PubWriter, but it does require that you use <a href="http://pubwriter.com/markdown.md" class="external">Markdown</a> to do it.</p>
<p>Here are a few of the more popular Markdown formatting programs/apps:</p>
<p>What is markdown?</p>
<p>Markdown is how you format your text for your PubWriter site. You can add italics, bold, images, headers, dividers, and more.</p>
<p>Markdown is what is known as a 'semantic editor.'</p>
<p>Some helpful (& recommended) tutorials to start with:</p>
<ul>
<li><a href="http://commonmark.org/help/" class="external">Learn Markdown in 60 seconds</a></li>
<li><a href="http://commonmark.org/help/tutorial/" class="external">A 10 minute interactive tutorial</a></li>
</ul>
<p>Both PubWriter and AuthorDock use a simple form of <a href="https://en.wikipedia.org/wiki/Semantic_publishing" class="external">Semantic Publishing</a>. The semantics you use define how the text is rendered in HTML. The beauty of writing semantically is that your text is 'jail broken' and compatible with nearly any program. The problem of writing in Word, Pages, Open Office, or any other word processor is that your document will contain proprietary formatting unique to the application you built it with. This means unless the user has the same program as you do, you can't necessarily open it edit it. When you start copying & pasting between programs, formatting gremlins tend to creep in with those proprietary programs. Markdown is open source formatting.</p>
<p>Whenever you see .md on a filename, it was saved in markdown.</p>
<p>There are dozens of markdown editors and more are released every year. They are lightweight applications that run on any OS. The best part is that the .md file you create will be compatible with all of them!</p>
<p>Some work better with PubWriter than others. A few of my favorites (PubWriter preferred) include:</p>
<p>Here are a few of the more popular Markdown formatting programs/apps:</p>
<p>Tons of markdown (aka plain text) editors exists for 3 main platforms: Web-based editors, PC, and Mac.</p>
<p>Here are some of the main ones as of early 2017:</p>
<a name="Mac-iOS"></a>
<h3 >Mac / iOS<a href="#Mac-iOS" class="wiki-anchor">¶</a></h3>
<ul>
<li><a href="http://25.io/mou/" class="external">Mou</a> - free!</li>
<li><a href="http://www.atom.io" class="external">Atom</a> - free!</li>
<li><a href="http://lightpaper.42squares.in/" class="external">LightPaper</a></li>
<li><a href="http://macdown.uranusjr.com/" class="external">MacDown</a> - like Mou</li>
<li><a href="http://www.texts.io/" class="external">Texts</a></li>
<li><a href="https://typora.io" class="external">Typora</a></li>
<li><a href="http://www.placetowrite.com/" class="external">Place to Write</a> - Mac & iPad versions</li>
<li><a href="http://inkmarkapp.com/" class="external">InkMark</a></li>
<li><a href="http://www.hemingwayapp.com/desktop.html" class="external">Hemingway Editor</a></li>
</ul>
<p>You can also search the Apple app store - when I last check, there were dozens. One of the more advanced writers is called <a href="http://www.ulyssesapp.com/" class="external">Ulysses</a> and it has a huge fan base (it's got a bit more of a learning curve). Scrivner also has an export to markdown option, but I haven't used it yet and my understanding is that Scrivner becomes problematic when you try to setup your print edition (the export to word is not so great).</p>
<a name="PC"></a>
<h3 >PC<a href="#PC" class="wiki-anchor">¶</a></h3>
<ul>
<li><a href="http://markdownpad.com/" class="external">Markdown Pad</a> - free version will suffice. The previewer no longer works on Win10 without some work around. But I like the markdown toolbar it provides (my suggestion is to use it without the live previewer).</li>
<li><a href="http://code52.org/DownmarkerWPF/" class="external">MarkPad</a> - have not yet tested.</li>
<li><a href="http://mike-ward.net/markdownedit/" class="external">Markdown Edit</a> - have not yet tested.</li>
<li><a href="http://www.atom.io" class="external">Atom</a> - free!</li>
<li><a href="http://writemonkey.com/" class="external">WriteMonkey</a></li>
<li><a href="https://typora.io" class="external">Typora</a></li>
<li><a href="http://pad.haroopress.com/user.html" class="external">Haroopad</a></li>
<li><a href="http://www.hemingwayapp.com/desktop.html" class="external">Hemingway Editor</a></li>
</ul>
<a name="Web-based"></a>
<h3 >Web-based<a href="#Web-based" class="wiki-anchor">¶</a></h3>
<ul>
<li><a href="https://markable.in" class="external">Markable</a></li>
<li><a href="http://dillinger.io/" class="external">Dillinger</a></li>
<li><a href="https://write-box.appspot.com/" class="external">WriteBox</a></li>
<li><a href="http://paper.dropbox.com" class="external">Dropbox Paper</a></li>
<li><a href="https://simplenote.com/" class="external">Simple Note</a></li>
<li><a href="https://stackedit.io/" class="external">StackEdit</a></li>
<li><a href="http://etherpad.org/" class="external">EtherPad</a></li>
<li><a href="https://workflowy.com/" class="external">Workflowy</a> - export to plain text</li>
</ul>
<p>Any plain text editor will also work. Two of the most popular are <a href="https://notepad-plus-plus.org/" class="external">Notepad++</a> on the PC and <a href="http://www.barebones.com/products/textwrangler/" class="external">TextWranger</a> on the Mac. You can preview the results on your own Markdown site or use one of the Markdown previewers like <a href="http://marked2app.com/" class="external">Marked</a> or <a href="https://robots.thoughtbot.com/markoff-free-markdown-previewer" class="external">Markoff</a> (both for the mac). I'm looking for one for the PC. </p>
<p><a href="http://www.AuthorDock.com" class="external">AuthorDock</a> gives you the ability save files in .md format from both the <strong>pages</strong> and <strong>war rooms</strong> modules.</p>
<p>I favor <a href="http://www.atom.io" class="external">Atom.io</a> because of the ability to seamlessly move between the mac & pc and work with a <a href="http://www.pubwriter.com/hacker.md" class="external">hacker</a> theme. </p>
<p>Also, there's an extensive list of Markdown editors (including web-based, mac and PC) on <a href="http://mashable.com/2013/06/24/markdown-tools/#tT7ZPWvLPqq7" class="external">Mashable</a></p>
<p>You are sure to find one that exactly to your liking!</p>
<p>Here are some very slick tools to help you convert existing documents to Markdown:</p>
<ul>
<li><a href="http://word-to-markdown.herokuapp.com/" class="external">Word to Markdown conversion</a></li>
<li><a href="http://heckyesmarkdown.com/" class="external">Convert a webpage to Markdown</a></li>
<li><a href="https://cloudconvert.com/html-to-md" class="external">Convert an HTML file to Markdown</a></li>
</ul>
<p>Check out <a href="https://cloudconvert.com/formats/document/md" class="external">Cloud Convert</a> for a bunch of conversion options (disclaimer - I haven't done much testing with it yet).</p>
<p>Here's a good tutorial:<br>
<a href="http://markdowntutorial.com/">http://markdowntutorial.com/</a></p>
<a name="Section-breaks-helpful-lines-to-distinguish-break-sections"></a>
<h3 >Section breaks (helpful lines to distinguish break sections):<a href="#Section-breaks-helpful-lines-to-distinguish-break-sections" class="wiki-anchor">¶</a></h3>
<p>it's 3 asterisks in a row:<br>
<code>***</code></p>
<hr>
<a name="Paragraph-formatting"></a>
<h3 >Paragraph formatting<a href="#Paragraph-formatting" class="wiki-anchor">¶</a></h3>
<a name="Heading-1"></a>
<h1 >Heading 1<a href="#Heading-1" class="wiki-anchor">¶</a></h1>
<a name="Heading-2"></a>
<h2 >Heading 2<a href="#Heading-2" class="wiki-anchor">¶</a></h2>
<a name="Heading-3"></a>
<h3 >Heading 3<a href="#Heading-3" class="wiki-anchor">¶</a></h3>
<p>(you can go up to 6 headings if you really need to!)</p>
<hr>
<a name="Character-formatting"></a>
<h3 >Character formatting<a href="#Character-formatting" class="wiki-anchor">¶</a></h3>
<p><em>ITALIC</em><br><br>
or<br><br>
<u>ITALIC</u></p>
<p><strong>BOLD</strong></p>
<p><em>**BOLD+ITALIC</em>*<br><br>
or<br><br>
<u><em>BOLD+ITALIC</em></u></p>
<p><del>strikethrough</del></p>
<hr>
<a name="Bulleted-Lists"></a>
<h3 >Bulleted Lists:<a href="#Bulleted-Lists" class="wiki-anchor">¶</a></h3>
<ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Item 2a</li>
<li>Item 2b</li>
</ul></li>
</ul>
<hr>
<a name="Numbered-Lists"></a>
<h3 >Numbered Lists<a href="#Numbered-Lists" class="wiki-anchor">¶</a></h3>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3
<ul>
<li>Item 3a</li>
<li>Item 3b</li>
</ul></li>
</ol>
<hr>
<a name="Hyperlinks-to-external-websites-2-methods"></a>
<h3 >Hyperlinks to external websites (2 methods):<a href="#Hyperlinks-to-external-websites-2-methods" class="wiki-anchor">¶</a></h3>
<p>Option 1: You fence the full http url with <code><http://www.website.com></code><br><br>
Option 2: Or, you can link a work like this: <code>[this link](http://url.com)</code></p>
<hr>
<p>Quotes (aka comment boxes, callouts):</p>
<p>You can use > or >> or even >>><br>
depends on how deep you want to go. 99% of the time, just use ' > '</p>
<hr>
<p>Plain text formatting:</p>
<p><code>Plain Text Formatting</code></p>
<hr>
<a name="Hidden-text"></a>
<h3 >Hidden text<a href="#Hidden-text" class="wiki-anchor">¶</a></h3>
<p>One of the secret tricks you can do with markdown is to wrap any text with < > - for example will hide the word 'text' when it gets converted to markdown.</p>
<p>This is helpful for editor comments to the author you want hidden from the reader.</p>
<hr>
<p>Paragraph formatting note:<br><br>
If you want to do a 'soft break' - you need to add two spaces at the end of the line. </p>
<hr>
<a name="Images"></a>
<h3 >Images<a href="#Images" class="wiki-anchor">¶</a></h3>
<p>In order to insert an image, it has to first exist online and be linkable. Sites like <a href="http://www.imgur.com" class="external">Imgur</a> makes this pretty simple, but you can also use dropbox and flickr.</p>
<p><strong>(IF you do use dropbox (recommended), then put all your images in the PUBLIC folder so you get the correct dl.dropboxusercontent.com link.</strong></p>
<p>You type the following syntax:<br>
<code>![](image url)</code></p>
<p><img src="http://selfpublish.org/pix/authordock.jpg" alt="" /></p>
<a name="Anchors-within-a-page"></a>
<h3 >Anchors within a page<a href="#Anchors-within-a-page" class="wiki-anchor">¶</a></h3>
<p>Anchors require a little bit of HTML.</p>
<p>First: You have to create a unique anchor (identifier). For example:</p>
<pre><a name="1"></a>
</pre>
<p>In this case, <strong>1</strong> is the anchor.</p>
<p>Second: You have to point to the anchor, in a similar way you always link, but instead of a URL, you put #:<br>
<code>[text](#1)</code></p>
<pre>[text](#1)
</pre>
<p>You can even link directly to an anchor on a page from another page like this:</p>
<p><a href="http://read.pubwriter.com/path.md#agreements">http://read.pubwriter.com/path.md#agreements</a></p>
<p>What that link above takes you to is <strong>a specific location</strong> (anchored with #agreements) on that page.</p>
<p>Here are a couple screenshots to help you grasp how to do it:</p>
<p>First I created an anchor called 'top':<br>
<img src="http://i.imgur.com/oR4MsB0.png" alt="" /></p>
<p>Second, I created a link to the anchor elsewhere on my page:<br>
<img src="http://i.imgur.com/IMGDx6I.png" alt="" /></p>
<a name="EndnotesFootnotes"></a>
<h3 >Endnotes/Footnotes<a href="#EndnotesFootnotes" class="wiki-anchor">¶</a></h3>
<p>(coming soon)</p>
<p><strong>END</strong></p>
<a name="Heres-some-more-helpful-tutorials-on-using-Markdown"></a>
<h2 >Here's some more helpful tutorials on using Markdown:<a href="#Heres-some-more-helpful-tutorials-on-using-Markdown" class="wiki-anchor">¶</a></h2>
<p><a href="https://michelf.ca/projects/php-markdown/concepts/">https://michelf.ca/projects/php-markdown/concepts/</a></p>
<p><a href="https://dayone.zendesk.com/hc/en-us/articles/200265094-Markdown-Guide">https://dayone.zendesk.com/hc/en-us/articles/200265094-Markdown-Guide</a></p>
<p><a href="http://www.engadget.com/2010/12/29/markdown-primer/">http://www.engadget.com/2010/12/29/markdown-primer/</a></p>
<p><a href="http://brettterpstra.com/why-markdown-a-two-minute-explanation/">http://brettterpstra.com/why-markdown-a-two-minute-explanation/</a></p>
<p><a href="https://dayone.zendesk.com/hc/en-us/articles/200145825-What-is-Markdown-">https://dayone.zendesk.com/hc/en-us/articles/200145825-What-is-Markdown-</a></p>
<a name="Heres-a-downloadable-Markdown-handbook"></a>
<h2 >Here's a downloadable Markdown handbook:<a href="#Heres-a-downloadable-Markdown-handbook" class="wiki-anchor">¶</a></h2>
<p><a href="https://dl.dropboxusercontent.com/s/lk1kx8tfy3hjqtm/markdown-guide.pdf">https://dl.dropboxusercontent.com/s/lk1kx8tfy3hjqtm/markdown-guide.pdf</a></p>
PubWriter FAQ: Videohttps://login.authordock.com/boards/128/topics/5012016-06-10T13:29:22ZBrian Schwartzbrian@selfpublish.org
<p>Here's a tutorial on how you embed video on a PubWriter page:</p>
<p><a href="https://youtu.be/JbBrFikIUy0">https://youtu.be/JbBrFikIUy0</a></p>
<p>You can see the 'live' sample page I created in the video at:</p>
<p><a href="http://pubwriter.com/tutorials/video.md">http://pubwriter.com/tutorials/video.md</a></p>
<p>You can also find the 'source' markdown version in your /templates directory in your pubwriter folder.</p>
PubWriter FAQ: Fancy Charactershttps://login.authordock.com/boards/128/topics/4712016-05-19T12:58:42ZBrian Schwartzbrian@selfpublish.org
<p>You can find a list of fancy characters supported on PubWriter at:</p>
<p><a href="http://www.pubwriter.com/fancy.md">http://www.pubwriter.com/fancy.md</a></p>
PubWriter FAQ: Add today's date to your pagehttps://login.authordock.com/boards/128/topics/4422016-04-13T14:36:21ZBrian Schwartzbrian@selfpublish.org
<p>You will need to use a little HTML code. In this example, I'm using H1 to center it, but you can use any style you prefer.</p>
<p>Here's what to insert in your markdown file:</p>
<p><code><h1><br>
<script language = "JavaScript"><br>
var now = new Date();<br>
var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");<br>
var monNames = new Array("January","February","March","April","May","June","July","August","September","October","November","December");<br>
document.write("Today is " + dayNames[now.getDay()] + " " + monNames[now.getMonth()] + " " + now.getDate() + ", " + now.getFullYear());<br>
</script><br>
</h1></code></p>
<a name="If-you-want-to-add-the-work-week"></a>
<h2 >If you want to add the work week:<a href="#If-you-want-to-add-the-work-week" class="wiki-anchor">¶</a></h2>
<p>Today is </p>
<p><code><script><br>
Date.prototype.getWeek = function() {<br>
var onejan = new Date(this.getFullYear(), 0, 1);<br>
return Math.floor((((this - onejan) / 86400000) + onejan.getDay() + 1) / 7);<br>
}<br>
var weekNumber = (new Date()).getWeek();<br>
var dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];<br>
var now = new Date();<br>
document.write(dayNames[now.getDay()] + " and we are in week " + weekNumber + ".");<br>
</script></code></p>
PubWriter FAQ: Fonts: Over 1000 available!https://login.authordock.com/boards/128/topics/4402016-04-13T13:27:23ZBrian Schwartzbrian@selfpublish.org
<p>You can use any Google font on your site. There are currently over 1000 to choose from!</p>
<p><a href="https://fonts.google.com/">https://fonts.google.com/</a></p>
<p>Just let us know which font you prefer to use.</p>
PubWriter FAQ: Contact Us & Chat optionhttps://login.authordock.com/boards/128/topics/4382016-04-12T22:03:15ZBrian Schwartzbrian@selfpublish.org
<p>If you want to signup for FREE a zopim account, we can add the functionality of chat/contact us to your website.</p>
<p><a href="https://www.zopim.com">https://www.zopim.com</a></p>
<p>To have basic chat/messaging - you can stick with the free/lite account.</p>
<p>You can see a demo of it running on a pubwriter built site at:<br>
<a href="http://selfpublishedsuccess.com/">http://selfpublishedsuccess.com/</a></p>
<p>It changes between 'Chat' and 'Contact Us' depending on whether I am logged into my zopim account.</p>
PubWriter FAQ: Using MS Word for Markdown formattinghttps://login.authordock.com/boards/128/topics/4342016-04-12T21:00:31ZBrian Schwartzbrian@selfpublish.org
<p>For PC Users...</p>
<p>Here's a slick tool to give you the option to 'Save as .md' directly from MS Word. </p>
<p><a href="http://www.writage.com/">http://www.writage.com/</a></p>
PubWriter FAQ: Images (Tips & Tricks)https://login.authordock.com/boards/128/topics/4322016-04-11T18:07:49ZBrian Schwartzbrian@selfpublish.org
<p>Images on your <a href="http://www.pubwriter.com" class="external">PubWriter</a> page must be hosted somewhere online.</p>
<p>Be sure you have the rights to use the images you do use, I know many people who've been hit with big $ penalties for using an image without permission (there are law firms who have built entire businesses around enforcement). Keep in mind under the <a href="http://pubwriter.com/eula.md" class="external">terms of use</a>, you are 100% responsible for any content you post on your pages.</p>
<a name="Dropbox-option"></a>
<h2 >Dropbox option<a href="#Dropbox-option" class="wiki-anchor">¶</a></h2>
<p>If you want to use dropbox to host your images (as I often do), you need to modify the URL, unless you are using a Public dropbox folder. And unless you signed up for Dropbox before 2012, you likely don't have a Public folder.</p>
<p>It's an easy switch.</p>
<p>Change:</p>
<p>https://<strong><a href="http://www.dropbox.com" class="external">www.dropbox.com</a></strong>/s/e4u7mfni3byibt5/must.jpg?dl=0</p>
<p>into:</p>
<p>https://<strong>dl.dropboxusercontent.com</strong>/s/e4u7mfni3byibt5/must.jpg</p>
<blockquote>
<p>The main reason I prefer dropbox is because if I modify an image, it will be automatically updated on my PubWriter page as well.</p>
</blockquote>
<a name="Inserting-an-image-on-a-Pubwriter-or-AuthorDock-page"></a>
<h1 >Inserting an image on a Pubwriter (or AuthorDock) page:<a href="#Inserting-an-image-on-a-Pubwriter-or-AuthorDock-page" class="wiki-anchor">¶</a></h1>
<p>In order to insert a single image, it has to first exist online and be linkable. Sites like <a href="http://imgur.com/" class="external">Imgur</a> make this pretty simple, but you can also use Dropbox and Flickr if you pay close attention to the URL.</p>
<p><strong>IF you do use Dropbox (which I recommended), then put all your images in your PUBLIC folder so you easily get the correct dl.dropboxusercontent.com link.</strong> If you don't have a Public folder, see the note above.</p>
<p>Basically, you type the following syntax:</p>
<p><code>![](image url)</code></p>
<p><img src="http://selfpublish.org/pix/authordock.jpg" alt="" /></p>
<p>If you want the image to have an active link, you do it the same way you create a regular hyperlink in markdown, be sure to pay notice where the <code>[]</code> and <code>()</code> have been added:</p>
<p><code>[![](http://selfpublish.org/pix/authordock.jpg)](http://www.authordock.com)</code></p>
<a name="Making-images-responsive-if-it-is-not-being-done-automatically"></a>
<h2 >Making images responsive (if it is not being done automatically)<a href="#Making-images-responsive-if-it-is-not-being-done-automatically" class="wiki-anchor">¶</a></h2>
<p>Most of our themes automatically make all images responsive, however there may be cases when you need to do this manually.</p>
<p>If the image is not responsive, you'll need to add a little HTML:</p>
<p>class="img-responsive"</p>
<p>To center the image, you'll need to add the <code><center></code> tag.</p>
<p><code><center><img src="http://i.imgur.com/Hg8LQUul.png" class="img-responsive" alt="Hired!"></center></code></p>
<p>Here's a video walkthrough:<br>
<a href="https://youtu.be/nPiVhq7Hvos">https://youtu.be/nPiVhq7Hvos</a></p>
<p>Note It's also important (for the sake of Google searches) to add the alt= tag.</p>
<p>Here are a few helpful websites to bookmark:</p>
<p><a href="https://www.sizzlepig.com">https://www.sizzlepig.com</a></p>
<a name="Slideshows"></a>
<h2 >Slideshows<a href="#Slideshows" class="wiki-anchor">¶</a></h2>
<p>If you want to embed a slideshow on a page, there are a few options.</p>
<p>One of the fastest ways is to create an album and embed the code for the slideshow. Many sites offer the option, and <a href="http://www.flickr.com" class="external">Flickr</a> is one of the better-known ones that also provide 1TB of photo storage!</p>
<p>Here's a sample page:</p>
<p><a href="http://sandbox.selfpublish.org/flickr.md">http://sandbox.selfpublish.org/flickr.md</a></p>
<p>(to view the MD file that created that page, just click on the pencil at the bottom of the page)</p>
<p>I often use <a href="http://imgur.com/" class="external">Imgur</a>, but you need to create an album first.</p>
<p>Here's an example:</p>
<p><a href="http://gamewarden.net/photos.md">http://gamewarden.net/photos.md</a></p>
<p>(you can see the MD code at: <a href="http://gamewarden.net/pubwriter/photos.md">http://gamewarden.net/pubwriter/photos.md</a></p>
<p>~Brian</p>
PubWriter FAQ: Audio (MP3) files on Pubwriterhttps://login.authordock.com/boards/128/topics/4292016-04-11T15:52:55ZBrian Schwartzbrian@selfpublish.org
<p>Here's the HTML snippet you'll need to use if you want to embed audio on your PubWriter page:</p>
<p>Just insert the HTML that looks like this:</p>
<p><code><audio src="http://URL.mp3" controls> </audio></code></p>
<p>You can see this page 'live' at <a href="http://www.pubwriter.com/tutorials/audio.md">http://www.pubwriter.com/tutorials/audio.md</a></p>
<p>You can also set it up to:</p>
<a name="Autoplay"></a>
<h2 >Autoplay<a href="#Autoplay" class="wiki-anchor">¶</a></h2>
<p><code><audio src="http://URL.mp3" autoplay> </audio></code></p>
<a name="Loop"></a>
<h2 >Loop<a href="#Loop" class="wiki-anchor">¶</a></h2>
<p><code><audio src="http://URL.mp3" loop> </audio></code></p>
<a name="Preload"></a>
<h2 >Preload<a href="#Preload" class="wiki-anchor">¶</a></h2>
<p><code><audio src="http://URL.mp3" controls preload> </audio></code></p>
PubWriter FAQ: Updating the header & footerhttps://login.authordock.com/boards/128/topics/4232016-04-10T18:08:51ZBrian Schwartzbrian@selfpublish.org
<p>When you need to update your header or footer, you will need to complete a change form:</p>
<p><a href="https://form.jotform.com/61005915258958">https://form.jotform.com/61005915258958</a></p>
<p><strong><em>Thanks!</em></strong></p>