Introduction of Viola — Online editor for printing and publishing
- spring-raining (Vivliostyle Project Collaborator)
Hello! I’m spring-raining, a Vivliostyle project collaborator. In this entry, I’ll introduce Viola, which is an online editor using Vivliostyle.
In 2016, I was looking for a typesetting software to write a self-published technical book: an introduction to software development. Back then the de-facto standard for such typesetting was LaTeX (still the case today). My problem was that I did not have enough knowledge about LaTeX to write a technical manual on my own and to edit the layout as desired. Therefore I was looking for an alternative solution. When I found Vivliostyle, its proposal of doing typesetting by using web technology appeared very attractive to me as a web application engineer.
The primary advantage of Viola is the functionality of the editor. In comparison to other text editors for browsers, Viola has a focus on providing editing functions for programmers and web designers. It can handle multiple HTML, CSS, images and even font files so it allows you to lay out pages as if you were making web pages in a text editor.
In the future, I’m planning to add templates so that even people not familiar with HTML and CSS can write drafts. Please check https://viola.pub!
In connection with the development of Viola, I also released a tool named
viola-savepdf. This is a tool for professional engineers and designers who have already established a workflow for editing HTML and CSS. Viola-savepdf is a commandline interface (CLI) that uses Vivliostyle.js in the background to generate a PDF without the need to open a browser.
viola-savepdf, setup Node.js and execute the following command:
npm install -g viola-savepdf
After the installation, you can generate the PDF by executing this command:
savepdf -o output.pdf --size A4 input/index.html
You can also check the preview by setting the
savepdf --preview input/index.html
Pros & Cons
Similar to Viola, Fidus Writer is a powerful choice of a text editing tools that uses Vivliostyle to achieve web-based typesetting. Differently from Fidus Writer, Viola is not only as a manuscript editing tool but also a text editor for HTML and CSS, so you can edit the manuscript more freely. The live preview function of the output result by Vivliostyle is also a strong advantage of Viola. As of now, Fidus Writer—which has been developed for many years—exceeds it in terms of lightness and comfort on writing. Please try using both editors and find out which one you prefer.
For the future I hope that both Vivliostyle and Viola will be favored by many more and that it will make their text editing experience more pleasant!