How To Publish Screenshots

Friday, May 16, 2008

A forum user recently suggested that a nice feature to add to Raven would be a slick screenshot tool akin to what can be found in OneNote. Apparently they have a cool feature where you can take a screen capture of only a specific part of the screen (by specifying a rectangle using a screen capture tool). Once taken, the screen capture is then injected into OneNote.

This made me realize that, while we could implement such a feature, we should be able to come up with a decent workflow to take screen captures with the current Raven build. Raven has the ability to paste an image that is on the clipboard directly into the blog post. For example, you can do the following:

  1. Open Raven
  2. Create a new Post or edit an existing one
  3. On the keyboard, hit Alt-PrtScrn (the Print Screen key)
  4. This will take a screen capture of just the current window (not the whole screen)
  5. Back in the Raven Editor, paste (Ctrl-V)

I'll try this now, and insert the resulting screen capture...

Of course, after I pasted the image into my blog post, I then created a thumbnail of it. But you get the idea.

The part we're still missing is the ability to capture only certain parts of the screen by specifying a rectangle. To enable that behavior, I think another tool is required. On the forum, it was suggested that Snagit could fulfill this role, although I have not used it myself. Suffice it to say, there must be a handful of utilities out there that one could use to take partial screen captures. Once the capture is taken, and the image is on the clipboard, Raven will let you paste it right into the Editor. Done and done.

Labels: , ,

Using The XHTML Code Editor

Monday, April 21, 2008

The XHTML code editor in Raven (version 0.9.279) is almost feature complete with following enhancements.

  • Find and Replace.
  • Zoom.
  • Paste as XHTML.
  • Text Formatting.
  • Brace (< and >) matching and XHTML tag and attribute name highlighting (syntax color coding).
  • XHTML schema valid code completion.
  • XHTML validation.
  • XHTML code cleanup and Tidy services.

When using the code editor, note that the content of the editor should content of a XHTML <body> tag. Do not enter <xhtml>, <head> and <body> tags. Use only child tags of the <body> tag such as <p>.

Find and Replace:
The Find/Replace dialog is exactly the same dialog used in WYSIWYG Designer. Press Ctrl+F (or EditMenu->Find) to bring up the dialog.

Zoom Controls:
Press ctrl and + (plus) or ctrl and - (minus) to increase or decrease the XHTML editor font size.

Paste as XHTML (Ctrl + Shift + V):
This is similar to functionality found in the Designer. The difference between Paste (Ctrl + V) and Paste as XHTML (Ctrl + Shift + V) is that the latter will convert the content into a xhtml code fragment before pasting the content into the editor. For example if you copied the following plain text content to the clipboard:

This is the first paragraph
Second line.

Second paragraph
2nd line
3rd line

then pasting as xhtml insert the following formatted code:

   <p>
     This is the first paragraph
     <br/>
     Second line.
   </p>
   <p>
     Second paragraph
     <br/>
     2nd line
     <br/>
     3rd line
   </p>

Text Formatting:
Text formatting toolbar buttons and keyboard shortcuts (e.g. Bold or Ctrl+B, etc.) are available in XHTML editor. To use it, simply select the text and press the toolbar button (such as Bold). The appropriate markup is then wrapped around your text selection. For example, if the text selection is

Hello World

then the final markup would be

<strong>Hello World</strong>

If you do not have any text selected when you invoke one of operations (e.g. Bold or Ctrl+B), then the relevant markup is inserted with the cursor positioned between the open and close tag. For example, the Bold button would insert

<strong>[cursor]</strong>

where [cursor] indicates the cursor.

Note: Be careful when you apply markup on selected text as the markup is applied to the whole selection even if the selected text had partial markup. For example if the selected text is

em>[cursor]</em>

(i.e. includes partial text for <em> open tag), then after applying Bold, the final markup would look like

<strong>em>[cursor]</em></strong>

Notice that the <strong> tag was applied over the partial <em> tag since it was part of the selection.

Code Completion:
The auto complete list is a list of schema valid xhtml and css keywords that can be inserted at current document (cursor) position. The list is automatically shown when you type in a start tag "<" or an end tag "</" character sequence. This list will also automatically hide if any of the characters you typed did not match a tag in the list shown.You can also display the list by pressing Ctrl + Space (e.g. after the < character).

Below is a screen shot showing the tag list at the top (root) level:


Once you are inside a tag, Ctrl+Space will show the list of available attribute names for the current element.


If you are in a style attribute, Ctrl+Space will show the list of available CSS style names and or values depending on the context. Similarly, attribute value options for href, class attributes are shown when available.

The list for class attribute values shown are based on what you have already used in the current document (post). The href values are also based on list of links you have in the current working document. For example, soon after typing http:// you should see a list of possible matches links based on other links in the document. Screen shot below shows the auto complete on font-family CSS style attribute:


The auto-completion on a close tag character sequence </ will show the matching closing tag (when possible i.e. as long as your content is well formed).

XHTML Validation:
This version of Raven also allows you to validate your post entry using XHTML 1.0 Strict or Transitional by pressing the Validate button on the tool bar. The validation messages with warning/error line numbers are shown in the message list below the editor along with corresponding "markers" (icons) on the editor margin.

Note: validation is performed against your post - and not against your Blog site. You should make sure that your Blog site is XHTML compliant (most are based on templates).


XHTML Clean up and Tidy:
This tool bar option allows you to manually run a basic code clean up process (e.g. convert plain text to xhtml, clean up MS Word tags etc.) followed by a call to W3C Tidy. Note that is also automatically performed when you save or switch to the Designer.

Labels: ,

How To Insert XHTML Tags From The Designer

Many users have requested a feature enhancement to allow them to insert xhtml markup tags such as headers (H1, H2 etc) and other inline tags such as <sup>, <code> etc. using the Raven WYSIWYG Designer instead of having to switch to the XHTML code editor .

These feature enhancements have now been included into Raven (starting with version 0.9.279) as a tool bar drop down button.

Insert HTML tags toolbar buttons

The tool bar has two buttons - one is for formatting block level elements such as <h1>, <pre> etc. To format text as a header, simply select the text and choose one of the tags shown from the drop down menu. The horizontal rule (<hr>) tag is also available in this menu. If you want to insert a <hr>, make sure that you do not have a text selection - otherwise your selection will be replaced with a <hr>.

The second tool bar button also allows you to format you text selection, except that the list of available tags are schema dependent. In most cases, you will see inline tags such as <code>, <em>, <sup> etc.

Labels:

How To Backup Your Data

Tuesday, April 8, 2008

A question that we recently had asked on the forums was "How do I backup my Raven profile data?" This particular user was interested in doing this due to a needed re-install of Windows. I think it's a good question in general, so here's how you do it.

Raven stores all user data in your profile. You may have as many profiles as you want, but most users will likely have only one. You use the Zoundry Profile Manager to add, import, create new profiles. For backup purposes, simply backup the entire profile directory (or directories). By default, the profiles are located in your Application Data directory, for example:

C:\Documents and Settings\ZoundryMan\Application Data\Zoundry\Zoundry Raven

Of course, unless you log in as "ZoundryMan", that part of the path will be different (your username). For the record, I don't mind if you use "ZoundryMan" as the username for your computer. :)

If you are using Raven2Go, then your profiles will be in a "profiles" directory within the Zoundry Raven installation directory, for example:

E:\Portable Apps\Zoundry Raven\profiles

When restoring from your backup, all you need to do is copy those profile directories back to your computer. Feel free to put them wherever you want, although in most cases putting them back where they were before is best. Once you have done that (and presumably re-installed Raven) it is a simple matter to add them back in. Run Raven, and choose New in the Profile Manager. You will see the Create New Profile dialog. In that dialog, name your profile whatever you want, and point the path to one of your newly restored profiles.

That's all there is to it.

Labels: , , , ,

How To Create Block Quotes

Tuesday, March 25, 2008

Creating Block Quotes in Zoundry Raven takes only a couple of steps:

  1. Select the text you want to quote.
  2. Press the Indent button on the tool bar (located left of the bullets button).

To remove the block quote, place the caret/cursor on the quoted paragraph and press the "remove indent" button (i.e button with left arrow).

Labels:

Adding Custom Weblog Ping Sites

Sunday, March 16, 2008

Similar to adding your custom links, you can add your own weblog pings sites by contributing to extension point "zoundry.blogapp.pubsystems.weblogping.site" (since there is no UI at this time).

  1. Download the sample weblog plug-in zip file:
    sample.zoundry.raven.blogapp.mypingsites.zip
  2. Unzip it to Raven install directory (e.g. C:\Program Files\Zoundry Raven).
  3. Restart Raven. You should now see a new weblog ping site (to Bitacoras.com).

This zip contains just one plug-in folder (for the plug-in XML file) with the plug-in containing one contribution (ping site) to the extension point "zoundry.blogapp.pubsystems.weblogping.site". The zplugin.xml can be found in the plug-in folder

<install_dir>\system\plugins\sample.zoundry.raven.blogapp.mypingsites

To add more, edit the plug-in.xml file and append additional <zoundry-extension> elements. The sample contains one <zoundry-extension> element (for Bitacoras.com) :

    <zoundry-extension point="zoundry.blogapp.pubsystems.weblogping.site">
         <!-- id for Bitacoras -->
        <id>zoundry.blogapp.pubsystems.publishers.weblogping.site.bitacoras</id>
        <extension-data>
            <weblog-ping-site>
               <name>Bitacoras.com</name>
               <url>http://ping.bitacoras.com</url>
            </weblog-ping-site>
       </extension-data>
   </zoundry-extension>

Labels: ,

Adding Custom Links And Tag Sites To Raven

One of the key features of the Raven blog editor is its extensibility via plug-ins. Some of the plug-in extension points are based on XML file configuration (i.e. no programing required) while others require programing. Some examples of the first category are blog sites/servers that appear on the New Account wizard, FTP based sites that appear on the New Media storage wizard, weblog ping sites and "quick links" that appear in the Link To right click context menu.

The current beta release does not provide a UI for the user to add his or her own list of quick link sites that appear in the context menu or even the tag sites that appear in the post publish settings dialog. How ever, if you are technically proficient in XML, here is way to "manually" add links and tag sites.

  1. Download the sample link plug-in zip file:
    sample.zoundry.raven.blogapp.myquicklinksprovider.zip
  2. Unzip it to Raven install directory (e.g. C:\Program Files\Zoundry Raven).
  3. Restart Raven. You should now see some new links in the Link To menus.


    (Note: Displaying of simple links show above (Raven Blog, Zoundry etc.) will be available in the next release - build 226+).

    You will also see a new entry (Ice Rocket) in the Tag Sites tab in the publishing settings of the post as well as LinkTo->Tags menu.

The plug-in zip contains two folders, one for the plug-in xml and the other being the plug-in resources (icons). In this example, the plug-in id is sample.zoundry.raven.blogapp.myquicklinksprovider and the plug-in extension point contributions (zplugin.xml) can be found in the plug-in folder

<install_dir>\system\plugins\sample.zoundry.raven.blogapp.myquicklinksprovider

and associated icons are located in:

<install_dir>\system\resources\plugins\sample.zoundry.raven.blogapp.myquicklinksprovider

This sample has the following links (see zplugin.xml):

  • Simple link to a web site (Raven Blog)
  • Search link to Google Image Search
  • Tag search at IceRocket.com
  • Reference lookup at imdb.com

You can edit the sample zplugin.xml file to add your own links and tag sites. You can find more examples in the zoundry.raven.blogapp.simplelinkprovider plug-in (this is the default link provider plug-in that Raven ships with).

Labels: , , ,

Multiple Profiles and Launching Raven With a Different Profile

Monday, March 10, 2008

One of the features of Raven is to allow you to manage multiple Profiles (in addition to multiple blogs within a Profile). A Raven Profile maintains all posts, tasks, indexes, account information etc. (basically all runtime information) in a single folder. Normally, most people would end up using a single profile. This default profile is normally stored in your Windows Application Data directory (e.g. C:\Documents and Settings\<UserName>\Application Data\Zoundry\Zoundry Raven\<Profile Name>).

Example of cases where you may want to use multiple profiles are:

  • More than one user is sharing a single PC desktop. In this case, each user can have a Profile.
  • You want to separate your personal blogs from other blogs (e.g. work/business).
  • You are a professional writer/contributer and write for multiple clients/customers. In this case, you want to assign each of your clients a separate profile (you do not have to - but it keeps each of the customers/clients data separate).

At Zoundry, we also maintain multiples profiles - one of them being for the this Development Blog (and the Zoundry Blog) and the rest (a lot) being various "test" profiles. For example, some profiles contain 1 blog with a few posts, while others may have multiple blogs across various platforms with 1000s of posts. Another case is where some users have zipped their profile and emailed it to use for tracking down bugs.

Profile Manager:

This is the dialog you normally see on start up. It allows you to select the profile you want to open as well as create and delete Profiles.

Currently, this dialog is shown only during start up. You cannot switch profiles once you have launched the application. If you need to switch profiles, you need to exit the application and restart it. (This issue will be addressed in a later release).

Notice that this dialog has a "Don't show this dialog again" check box. Well, if you do check it, the dialog will not be shown and Raven will always launch with the last used Profile. Currently there is no way (with the current UI) for you to get to this dialog again (this will be resolved as well). If you must see this dialog, then the only option is to exit the application and modify a XML configuration file:

  1. Open the profiles.xml file C:\Documents and Settings\<UserName>\Application Data\Zoundry\Zoundry Raven\profiles.xml .
  2. Change the attribute named "bypass-dialog" (in the <profiles> element) value to "false".
    < profiles default-profile =" Raven Dev Blog " bypass-dialog =" false " >
    ......
    ......

Changing the Profile From The Command Line:

If you are launching Raven from a command line or a Windows shortcut file, you can provide the path to the profile using the "--profile" option. The syntax is:

--profile <full_path_to_profile>

We use this technique in our development environment (Eclipse) to allow us launch different test Profiles from Eclipse's Run menu.

Launching a Profile From The Desktop:

Using the --profile command line option it is possible for one to launch a Profile from a desktop shortcut. For example, I launch the Zoundry Development Blog profile directly from my desktop - bypassing the Profile Manager Dialog with its many profiles (in my case).

  1. Create a shortcut to zRaven.exe on your Windows Desktop. The zRaven.exe executable file is normally found in C:\Program Files\Zoundry Raven\bin\ directory. To create a shortcut, right click on the zRaven.exe, drag and drop it to your desktop and choose Create Shortcuts Here option.

    Raven Desktop shortcut
  2. Next, you need to modify the shortcut's "Target" value by appending --profile and the path to your Profile. To do this, right click on the shortcut and choose the Properties option. From the shortcut's Properties dialog, select the Shortcut tab and append --profile [path-to-profile] to the Target value and press OK to save the changes



    For example, if the Profile is locate in the C:\Blog Profiles\RavenDevBlog directory, then the Target value should look like (not completely visible in the screen shot):

    "C:\Program Files\Zoundry Raven\bin\zRaven.exe" --profile "C:\Blog Profiles\RavenDevBlog"

Now, when you double click on the desktop shortcut, Raven will launch, bypassing the Profile Manager and using the Profile defined in the command line option.

Powered by Zoundry Raven

Labels: , ,

BlogThis with Command Line Options

Saturday, March 8, 2008

Zoundry Raven version 0.9.233 or later now supports command line options to allow external programs to launch the editor - specifically to support BlogThis functionality. The syntax is

path_to_raven_install\bin\zRaven.exe -blogthis -title [title text] -text "[text content]"

where -title is the post title and -text is the plain (not xhtml) text. Other options/flags include:

  • -format [text | xhtml]. If the text content is well formed xhtml, then use the flag "-format xhtml" to indicate that the content is xhtml and not plain text.
  • -file [full path to html file]. Use this if the content is located in a file instead of in the -text value. See example below for GreatNews newsreader.
  • -url [blog post or web site url]. If you want to site a post, indicate the post url here.
  • -quote [yes | no]. If set to yes, then the content will be enclosed in a block quote.

GreatNews Setup:

GreatNews (GN) is another cool news reader from CurioStudio. GreatNews has a BlogThis functionality to support external client applications such as Zoundry Raven.

To set up GreatNews to work with Zoundry Raven:

  1. From GreatNews applications select menu Tools->Options
  2. Choose Features tab.
  3. Check BlogThis option and press the Configure button.
  4. Create a new configuration (giving it a name such as ZoundryRaven).
  5. For Type, choose Generic External Blogging Tool option.
  6. For the URL enter path_to_raven_install\bin\zRaven.exe -blogthis -title "%TITLE%" -file %HTMLFILE% .

where path_to_raven_install is the install directory for Raven. For example,
C:\Program Files\Zoundry Raven\bin\zRaven.exe -blogthis -title "%TITLE%" -file %HTMLFILE%

RSS Owl News Reader:

Instructions for RSS Owl:

  1. From RSSOwl, select menu Tools -> Preferences.
  2. Select 'Blogger' from the left handside on Preferences dialog.
  3. For 'external blogger' executable, browse and select the Raven executable file (zRaven.exe) .
    E.g: C:\Program Files\Zoundry Raven\bin\zRaven.exe
  4. For the command line arguments enter the following (all in one line):
    -blogthis -format xhtml -quote no -url [NEWSLINK] -title "[TITLE]" -text "[DESCRIPTION]"

FeedDemon

Use the following for NewsGator's FeedDemon:

  1. Select menu Tools -> BlogThis News Item -> Configure Blog Publishing tools.
  2. Choose add.
  3. Enter "Zoundry Raven" for the name.
  4. For the command line, browse and select the Raven executable file (zRaven.exe) .
  5. Append "-blogthis -file" (with out quotes) to the end of the command line.

For example, the command line should be similar to:
C:\Program Files\Zoundry Raven\bin\zRaven.exe -blogthis -file

TDB - Launching Raven directly from your web browser (FireFox and IE).

Labels: , , ,

How To Add Attachments To Your Posts (Hint: Drag and Drop)

From time-to-time, you may need to upload non images with your posts. For example, a PDF attachment, or more frequently a MP3 podcast file.

With Zoundry Raven (ver 0.9.223+), this is easy as a drag and drop. The only requirement to accomplish this is that you must have a media storage setup that is capable of accepting large non-image files. The best option is to use a FTP based media storage as it can handle large files and it is efficient in uploading files (compared to xml-rpc).

The second option is to choose your blog's xml-rpc (e.g. WordPress). How ever, these do have limitations on file size. If you try to upload very large files (e.g. 8MB, depending on your server configuration), the server may not allow file uploads. These PHP based servers can be configured to support larger files. Please read this forum post for more details (thanks to David Leigh).

Media stores that are of Image type hosting sites will not work as these sites allow only images to be uploaded. Example of these include PicasaWeb, LiveJournal FotoBilder and ImageShack.

OK, now for the instructions. To upload and link files, there are two options:

  • Drag and drop the file from Windows Explorer into Raven's Designer (WYSIWYG editor). Raven will take care of the linking process.
  • Or, select the text you want to link and press Ctrl + L to bring up the Create Link dialog. From this dialog, press the File Browse button to find and select the file you need to attach.

During the publishing process, local files will be uploaded to the media store. Media files will automatically be marked as enclosures (rel=enclosure).

Labels: , ,

Changing the Editor Working Font Name and Size

Thursday, March 6, 2008

The WYSIWYG editor (basically the MS IE control) font name and size, by default are based on your Internet Explorer settings. Depending on the your desktop screen size and dpi, this may be small for some.

The next beta release candidate will have a user preference to all you to set your own font name and size. Once the setting has been applied, you will see the changes next time you open a document/post.

While on the topic of screen sizes, dpis etc, did you know that you can change most of the toolbar button sizes as well. To do this, simply right click on the toolbar (e.g. editor toobar where the Save buttons is) and choose the "tool size" as well as the "show text" option. Learn more about this from the Zoundry Raven: Custom ToolBar post.

Labels:

How to Send Us Feedback

Wednesday, March 5, 2008

The Zoundry Raven editor has a built-in dialog to allow you send feedback, bug reports etc. To access the Send Feedback dialog, choose Send Feedback option from the Help menu.



Important: If you do use this dialog form to send us feedback, please include your email address in case we need to contact you. (Our usual privacy policy applies i.e. we do not collect your email addresses etc.)

For example, a bug report could be simply as "Posts did not download from my server". In this case, we may need further information from you to track down the issue and hence the need to contact you.

Labels:

Coming Soon: New Tag UI

Raven provides a simple text control for you to enter a comma separated list of tags (or labels). These are entered in the "Tagwords" field, found below the Title in the edtior.

In the previous release (0.9.199), these tagwords were linked (bound) to Technorati.com tagspace when post is published and updated (even if tagging was natively supported by your blog platform such as Blogger or WordPress 2.2+).

A feature of the new beta release (0.9.223) is that we have finally removed the "hard coded" references to Technorati tagspace that was in the alpha release. With this release, you can select one or tag sites (or none at all, if you are on WordPress).

The new version has an additional tab ("Tag Sites", similar to Weblog Pings) in the blog post configure UI.

By default, the available tag sites are unchecked. If you want to add your tags to Technorati (or any other tag supported tag site), then the Technorati (or other) tag should be checked. Now, the nice thing about this option if you are using Blogger, WordPress 2.2+ or LiveJournal, then you do not have to select any tags sites since these three platforms supports tagging natively (unless you also want to add tags to sites outside your blog such as Technorati). For Blogger, we treat tags and categories as labels. So, most of you might end up using the Tagwords section to enter Blogger labels rather than using the (some what inconvenient) Category check boxes.

Default tag site selection can also be made at application level (via Preferences) as well on a per Account and Blog basis (via Account Manager).

Finally, if you want to link to a tag space within your post content, simply select the text you want to link, right click and choose Link -> LinkTo -> Tag -> Technorati (or other supported site).

Labels: ,

Helping Us Debug Defects Using Logs

Monday, February 25, 2008

During the alpha testing (and now beta) period of Zoundry Raven, you may come across a defect that may not be easy for us to figure out with visual symptoms alone. This is where logging becomes very useful, especially debug logs, and we may occasionally ask you to enable the debug logging, reproduce the defect, and mail us a zipped copy of the log files.

The typical steps are:

  1. Exit: If the application is already running, then save your work and exit the application.
  2. Clean the old logs: Go to the directory where the log files are located and delete (or move to an different location) old log files. The log files are located in the path_to_your_profile/logs directory. For example:

    C:\Documents and Settings\YourUserName\My Documents\ZoundryRavenProfile\logs.
  3. Start the application.
  4. Enable Debug Logging: From the application Tools top menu, choose Preferences. Then under the General/Logging section, check enable the "Enable Debugging Messages" check box.
  5. Reproduce the error: Repeat the steps that caused the original problem.
  6. Exit the application.
  7. Zip up the logs files (all files in the logs/ directory) and mail them to support at zoundry dot com.

Labels: