RyuzineWriter

authoring

The Ryuzine name, logo, and icons are the property of K.M. Hansen & Ryu Maru - All Rights Reserved

RyuzineWriter

Open Template Wizard

Open Source File

Import Old Ryuzine File

Edit Config File

Edit Rack Catalog

Load URL In Simulator

Ryuzine authoring webapp Version 1.0

This utility is designed for use from a web server in a development environment.
It should not be installed on your live web server.

Updating...

  • HTML
  • CSS
  • Config
  • Data

Select all the code in the box, copy to the clipboard, paste into an empty plain-text file, and save with .htm/.html, .js or .css extension

You can edit code directly in box. Use "SAVE" menu at top when ready to export or package publication.

Status Bar
Bottom Toolbar

Updating...

  • Pages
  • Addons
  • Rack
  • Ads
  
Format Generate Minified Config File
Config files are usually generated with comments and spacing to make them easy to understand and edit.
The minified file is 75% smaller and loads faster but it is harder to read/edit and has no comments.
Binding Left Right
Page Size Magazine (Square) Comic Book (Tall) Fill All (for fluid layouts)
When "Fill All" is enabled pages grow to fill the available space

Zoom and Pan

Enables or Disables zooming and panning on load for touch-enabled devices (it is still user selectable in the webapp's Options panel)
Zoomable Off On
Maximum Zoom Amount (Value 0 - 10)

Page Navigation

Determines whether the default method of page navigation to any page from any page is via the "Table of Contents" panel or with the "Pages Slider" control. End users can also enable/disable it in their Options panel preferences.
Pages Slider Off On

Animate View Changes

When switching between alternative Views (Magazine/Continuous/Grid/Plain) the transition from one View to another can be animated. The default animation is similar to page changes in the Ryuzine Rack newsstand app, but you can customize it in the ui_dark.css or ui_light.css file. If the browser does not support the normal page animations or if the user has turned off page animations in the Options Panel the View Animations are also disabled.
View Animations Off On

Default Bookmarks

The In-App Bookmark Management panel is pre-populated with a couple bookmarks end users cannot delete.
Preset Bookmarks a new bookmark.

Add-On Features

Building Add-Ons list...

User Interface Language Localization

If localize add-on is included it automatically changes the language on buttons, panels, and help file. Ignored if Localization is disabled. Localization only supports the languages listed, but you can easily add more or edit the default language.

Language Code

Ryuzine Theme Settings

Ryuzine themes change the appearance of the webapp User Interface. You can also send different themes to different platforms.
Swap Themes Off On
If disabled Platform Themes below are ignored and only default theme is used
Platform Themes Desktop General/Fallback Theme
Windows Theme
Mac OS X Theme
Linux Systems Theme
iOS Theme
Android Theme
Windows Phone 7.5
Windows 8 "Metro" (Modern UI)
BlackBerry Theme

RyuzineRack Configuration

If you are not using the RyuzineRack newsstand webapp you can ignore this section. "Data Catalogs" are simple HTML Table files you can create and edit with any HTML or plain text editor, or use the "Rack Data" option here in Ryuzine Writer. The "Media Types" section lets you decide what label appears on the button for each type of media defined in your Catalog data.
RyuzineRack Title
Rack Data Catalogs a Catalog File
(Catalog files need to be placed in /data/cat/ folder)
Promotion Animation: ( 0 = no animation | value = interval in seconds )
Maximum Number of Promotions:
Links Open in:
Items Per Page: ( 0 = no pagination | value = items per page )
Media Types and Button Text

Button samples are shown using the theme (if any) currently applied to Ryuzine Writer. The appearance varies depending on which theme is used.

Integrated Advertising

There are three integrated areas in which you can place advertising and this section of the configuration options lets you control how those ads will display.
Splash Ad 0 = no splash ad | value = number of seconds to display
This can also be used control how long the splash screen displays whether it has advertising on it or not.
Box Ad 0 = no box ad | value = seconds to display ad | "x" = persistent (user must close)
Lightbox container *must* have "boxad" for the ID
Banner Ad 0 = no banner ad | value = display time in seconds | "x" = persistent (user must close)

Start

Editor

Export

Simulator

Options

Add-Ons

RackBuilder

ConfigBuilder

Load Old Ryuzine File

Close

File:

Important! File must be located under the same domain as the Ryuzine Writer and preferably in the same folder or this may not work.
This loads the data from the file, but you will not be editing the actual file.

Load File

Open Source File

Close

File:

Important! File must be located in your Ryuzine Development folder or it will not work.

Load File

Load Rack Catalog

Close

File:

This loads the data from the file, but you will not be editing the actual file.

Load File

Import Master Styles

Close

File:

Important! Your Master Styles stylesheet file must be located in your Ryuzine Development folder and subfolder /css

Load File

Import Edition Styles

Close

File:

Important! Your Edition Styles stylesheet file must be located in your Ryuzine Development folder and subfolder /css
WARNING: This will clear everything in the Edition Styles panel and cannot be undone!

Load File

Save Work File As...

Close

File:

wip_ and .htm added automatically. WARNING: overwrites file with the same name!

Save

Save File

Close

File:

Correct path and extension added automatically. WARNING: overwrites file with the same name!

Save

Build Package

Close

This will construct a basic ZIP archive package of the current publication. If you want more control over what goes into the package, or to build a package using files already on your server, choose the Custom option below.

Smallest File Size [?]

Standard Package [?]

Custom Package

Title:
Add Timestamp when Built
Include Ryuzine Publication
Image Folder: /images/
 
Include Ryuzine Rack

Skip ZIP Archiving

Build

Note: If your development directory is not writable Build Package will fail.

- Hide Output Console

Template Wizard

Close

Title:
Page Count:(required!)
Show Webcomic Options
Lightboxes: (gallery items)
Social Widget:Built-InCustom
Offline URL:
App Logo
Welcome & Exit Message
Splash Ad
Copyright:

Submit

Document Properties

Close

Title:
Author:
Copyright:
File Format:
Page Count:
Description 0 characters (max 155 recommended)
Keywords: (optional comma separated list)
App Logo
Welcome
Banner Ad
Permalink 		Exit Message
Splash Ad
Box Ad
Custom Social Widget
Import Notes:
> this document was not imported.

Refresh

Submit

Output Format

Close

Natural Language
Preserve In-Page Styles
Issue Configuration:
Default Custom Test
Default Theme: Dark Light Custom
Issue Styles:
thisissue.css Custom CSS Export Box
Custom External Stylesheet
Custom Additional Script
Note: Configuration file setting can override some of these options.

Submit

Insert Pages

Close

Insert pages

Submit

Add New Style

Close

Generated code appears above. You can also enter/edit code in this box before submission.
Font Styles
General
Basic Font Styles
Advanced Font Styles
Object Styles
Size
Background
Background Position
Background Size
Position
Padding
Margin
Borders
Columns
CSS3 Effects
Show/Hide
Shadow/Glow
Text Shadow/Glow
Example Text Bold Italic
Box Shadow/Glow
Example Box
CSS3 Transition
CSS3 Transform
CSS3 Filter

Note: Some browsers cannot show CSS3 effects.

Submit

Add Device

Close

Device Name
Device Profile Phone Tablet
Device OS
Custom Skin Yes No
Skin Folder

Submit

Device and OS profiles added with this dialog are only available to the current browser and are stored in a browser cookie file. If you clear browser data ALL custom device profiles and OS profiles will be lost. If you need access to your custom profiles from other browsers or want them to be persistent you will need to create a skin file instead.

Load URL In Simulator

Close

URL:

Important! You will not be able to load or edit the source code! This if for viewing in the Simulator only.

Load URL

Edit Categories

Close

Note: Do not use Unicode symbols, they will not be preserved.

Add Item

Submit

Edit Media Types

Close

Note: Do not use Unicode symbols, they will not be preserved.

Add Item

Submit

Add Rack Rows

Close

Append Rows to current Rack Catalog table

Submit

Insert Image

Close

Ryuzine Elements

Close

Lightbox ID*:

This will embed a lightbox in the document. You can open the lightboxed content by creating a lightbox link targeting this same ID.

Thumbnail ID*:

This will only insert an empty <DIV> or wrap the selected image in one. In your issue-specific stylesheet you would then need to target this dynamic thumbnail with CSS Media Queries. If you wrapped an image it should be the fallback (lowest resolution) version of the thumbnail.

Image ID*:

This will only insert an empty <DIV> or wrap the selected image in one. In your issue-specific stylesheet you would then need to target this dynamic image with CSS Media Queries. If you wrapped an image it should be the fallback (lowest resolution) version of the image.

OVR Frames*:
OVR ID:
(optional)

OVR rotations work best with at least eight (8) frames and best with sixty-four (64) or more. You will also need to add the OVR Add-On to the publication's configuration file or it will simply show a single, static image.

* required parameters

Submit

Notice

Close