---

Making a Quick Start...

To start creating a document, simply open the editor, click on the "Formatting" dropdown menu ( top left ) and select the "Paragraph < P >" option. This will allow you to create a normal document without any width. This will then fit any screen in full width. Now you may start typing and use all the features as normal.

The easiest way in creating your document:

1. Enter all your ideas and thoughts first to give you direction on what it is all about.
2. Edit and spellcheck your text to perfection in order to make your document look professional.
3. Then finally do your font, header, and paragraph formatting to give your document structure and form.

Please Note - We have added "Google Fonts" to all our applications. Simply click on the "Enable Google Fonts" option at the bottom of the "Formatting" drop down menu, to activate and display the fonts, if you need to incorporate these fonts in your document. In Scaramouche Touch you just need to click on the "Google" button to enable the fonts.

Relevant to Fandango and Blue-Velvet Only...

If you need to create a document with a fixed page width like a desktop editor, either scroll down to the relevant section or click on the following link "Page View" for more information about this topic.

Please Take Note - Scaramouche Touch will automatically save all your documents to a standard desktop page size in width e.g. A4 or letter ONLY!

If you require a larger page width than an A4 or letter in size, then please use one of the other two editors instead. They can accommodate any page size or screen width.

What's wrong with the Paste button?

I regret to inform you that the Paste button will never, ever be allowed to work again. Due to the attempts of hackers and cyber criminals, they have used the clipboard to submit malware and other types of viruses through it. All web browsers limit or block any attempt of access to the clipboard. My apologies for the inconvenience...

The best way to paste content from the clipboard is to use the keyboard short-cut "Ctrl + V" or through the built-in shortcut popup menu.

Quick Word Search and Paragraph Translations

We have added a couple of new features to all our online word processors and text editors.

You are now able to do a web search for any distinct word or phrase just by selecting each and then clicking on the web search button on the left hand side of the editor. A centered popup window will open and the results will then be presented to you by our Groot search engine.

The second feature is the quick translation of either a word, paragraph, or document just by selecting the text and then clicking on the translation button on the left hand side of the editor. A centered popup window will open thereafter and your text will then be automatically translated to any language you desire.

How to use Google's fonts in your documents...

We have added a new "Google Fonts" selection to our word processors. Simply click on the "Enable Google Fonts" option under the "Formatting" drop down menu and make your selection. Google font needs to be enabled every time you start a new document. When opening a document in which you have used Google fonts, it is not necessary to enable it again, as the fonts are embedded in your document.

If you need to use a Google font that is not listed, Well, the first step is navigate to Google Fonts and select your favourite font from their extensive list. When you have found your font, select it and then choose the @IMPORT option to get the following code:

Now simply click on the editor's [Show HTML] checkbox to view the internal HTML code of your document.

Add the above code to the top of your document. Also remember to add the font name to your documents [DIV] style as seen in the below screenshot. Simply add the font name to the front of the font list inside the [Style] declaration, this is done so that when the font cannot be downloaded from Google, the next font will then be used as backup, and so on...

Your whole document will now conform to the font that you have chosen. If you need to change any other aspect or HTML element of your document, simply add that element to the style list:

< style >
@import url('https://fonts.googleapis.com/css?family=Roboto:400:700&display=swap');
#PageDiv p, #PageDiv h1, #PageDiv h2, #PageDiv ul { font-family: 'Roboto', sans-serif; }
< /style >

Make all elements inside the #PageDiv section have the same font:

< style >
@import url('https://fonts.googleapis.com/css?family=Roboto:400:700&display=swap');
#PageDiv * { font-family: Roboto, Arial, Helvetica, sans-serif; }    
< /style >

Comparing HTML Font size to Desktop Font Size

Size 1 - 8pt Size 2 - 10pt Size 3 - 12pt Size 4 - 14pt Size 5 - 18pt Size 6 - 24pt Size 7 - 36pt

1 - Very Small - 8pt 2 - A Bit Small - 10pt 3 - Normal Size - 12pt 4 - Medium Large - 14pt 5 - Big - 18pt 6 - Very Big - 24pt 7 - Maximum - 36pt

The New [Dark Mode] Setting

For those with sensitive eyes or people just working late at night, we now have a solution for your screen brightness problem, the [Dark Mode] setting...

On the main web page of our online PWA Office Suite, you will find the main toggle switch on the top right of the page. Just click on the toggle switch to activate [Dark Mode].

On every application page the setting can be found on the bottom left of your screen.

How to use some of the more advanced features

Embedding images into documents

We've added this feature to help make creating HTML documents become more static and standalone without any internet links or dependencies. There are a good few options in this feature. As most people know, aligning images with text can be very tricky, but not with our editors.

Available alignment options found:

1. Left align the image and wrap the text around it to the right.   
2. Insert the image normally with no wrapping text around it.   
3. Center align the image with the text in a linear manner.   
4. Right align the image and wrap the text around it to the left.   

Documents created with embedded images and objects are much easier to exchange and collaborate on as they are completely standalone and don't need to link to the internet. To be able to embed an image it needs to be on your local hard drive.

It does not help to copy and paste an image from the internet, as this only creates a link back to the original web page where the image is to be found.

The following images are supported as they are the most widely used e.g. PNG, Single GIF/Animated GIF, and JPEG/JPG. In Internet Explorer 8, images that have been embedded that are larger than 32KB are not displayed, but a placeholder is shown instead.

Saving a document

When saving a new document, you can either add your own extension *.htm, *.html, or *.txt to your document name, inside the "Document Name" edit box, or the editor will add it automatically depending on your "Save As..." selection. The "Save Dialog" box accepts any of them, just like desktop-based software. Create, open, or edit HTML and Plain Text(UTF-8) documents.

When saving a new document, you may change its name and/or extension directly inside the edit box on the top-right-hand side of your screen. This will make saving your new document so much faster when using any of the "Save As..." options or pressing the enter-button inside the edit box, after naming your new document.

Just FYI... The default document extension is set to *.htm when clicking on any "Save As..." options or pressing the enter-button when changing the document name without adding an extension.

Remember to set the [Downloads] option in your web browser to always ask you where to save your documents. If not, then your documents will be saved to your default download folder.

You may also Save/Export all your documents directly to the PDF format. Simply click on the Editor's print button and set your printer to the "Save as PDF" option(right at the top of the printer list), inside the dropdown box. This feature works for all Chromium based browsers e.g. Chrome, MS Edge, Vivaldi etc. including the FireFox browser.
Watch a short video demo.

Creating the illusion of a desktop page based document

To start using this feature, just hover over or click on the icon on the bottom toolbar.

In the dropdown menu you will see six options, the first three options as seen in the image, will insert a clear and center aligned page. From these options you may select what size of page you want to work with. The first option is a standard page size in width e.g. A4 or letter...

After selecting one of the first three options [Page DIV View], just start typing your document, it is not necessary to set your text to a [Paragraph]. This has been done automatically, all subsequent paragraphs will be set to the same attribute.

The last three options will insert a center aligned table page with a very faint silver borderline in the middle of the screen. You may also select what size of page you want to work with. The first option will set your document to A4 or letter size in width.

Now just simply give this table focus by clicking inside it with the mouse cursor or move the cursor to the inside of the table with the direction keys. This action will focus the table and you will now be ready to create a page-like document that is always center aligned on the screen.

---

If you need to print a document that has been created with this feature (Page Div - Normal), make sure to set All your printer margins to 0.1" or 3mm, as the document page is already correctly configured to fit on an A4 page. If you don't, the document will become very squashed and formatting will be changed to fit a much smaller page size, and nobody wants that to happen, right?

Adding emoticons to your documents in Windows 10 and beyond

To add or insert an emoticon into your document when using Windows 10 is very simple; just press the following two key combinations: "Windows Key" + "." ( period key ) or ";" ( semicolon key )

Basic but very handy keyboard shortcuts

(Note that on a Mac you may need to substitute Cmd for Ctrl.)

Simple Text Formatting

1. Ctrl+B
   Make text bold from this point on.

2. Ctrl+I
   Make text italic from this point on.

3. Ctrl+U
   Underline text from this point on.

Moving the Cursor Ctrl+→ Move cursor to next word Ctrl+← Move cursor to previous word Ctrl+↑ Scroll text area up (only works in some apps) Ctrl+↓ Scroll text area down (only works in some apps) End Move cursor to end of line Home Move cursor to start of line Ctrl+Home Move cursor to beginning of text Ctrl+End Move cursor to end of text Cut, Paste, and Undo Ctrl+X, or Shift+Del Cut selected text Ctrl+C, or Ctrl+Ins Copy selected text Ctrl+V, or Shift+Ins Paste selected text Ctrl+Z Undo last edit Ctrl+Y Redo last edit Deleting Text Ctrl+Del Delete forward to word break Ctrl+Backspace Delete back to word break

Selecting Text Ctrl+A Select all text Shift+→ Extend selection one character to the right Shift+← Extend selection one character to the left Shift+↓ Extend selection down one line Shift+↑ Extend selection up one line Shift+Home Extend selection to beginning of line Shift+End Extend selection to end of line Shift+Ctrl+→ Extend selection to next word break Shift+Ctrl+← Extend selection to previous word break Shift+Ctrl+↓ Extend selection to below paragraph Shift+Ctrl+↑ Extend selection to above paragraph Shift+Ctrl+Home Extend selection to top of text Shift+Ctrl+End Extend selection to bottom of text Navigation Tab Move to next input area on form Shift+Tab Move to previous input area on form

Our Professional Word Processors and their "Document History"

Our latest update to our incredible full featured word processors is the ability to auto save documents to your browser's local memory. This is done by using the localStorage function most browsers possess. The maximum available memory is 5.1MB per web page or application page.

This means that if you add ten documents(maximum allowed) to the history list, they must all together not exceed 5.1MB. So when creating documents, try to keep their size to no more than 1MB. That's because we also require an additional memory space equal to the file's size for the editor itself. Files larger than 2MB will not be allowed to be loaded into the word processor.

If you have large files or need to create or edit files larger than 2MB, may I suggest to use either Scaramouche or Blue-Velvet. These two applications have a maximum local storage size of 5.1MB each allowed by browsers.

Your documents will only be added to the "Document History" list when you open and load them from your physical hard drive or local storage through the "Open File" dialog. There after you may access them directly from the "Document History" list at any time.

If you start a new document and give it an unique name inside the edit-box on the top-right-hand side of your screen, with or without an extension, before you click on the "Save Button", "Save Selection", or press enter inside the document edit-box, your document will also be automatically added to the "Document History" list.

If you don't give your new document a name and click on any save option, your document will be assigned a new name e.g."New Document - 11_15_02 AM.htm" with the current time attached to it and then listed in the document history list.

---

One more thing to keep in mind when loading files into the list is that they are kept in your web browser's local storage cache. Any changes to your document will automatically be saved to your browser's cache history but not to the physical document file on your local hard drive or memory device. If you clear your browser's history, you will also delete all your saved documents inside the word processor's local storage!

This is due to the fact that ALL web browsers don't allow any direct access to your computer device's local file system. (you may thank those freak-en hackers for that!) If you regularly clear your browsing history, please remember to also save your documents back to your local hard drive or local storage device for safe keeping.

For as long as your browsing history stays intact, your documents will stay permanently available every time you open up the word processor... isn't that just great!!

If you decide to clear the "Document History", this action will wipe the list and the local storage that was used to archive the documents. Your documents will all be gone from your browser's cache history.

New Update - Adjusting Local Storage Quotas:

Opera
Doesn't actually requires adjusting. You can however change the default storage size at which Opera will propose increasing the limit. It is defined by [Domain Quota For localStorage] option. It's value is in kilobytes.

Firefox
Go to [about:config] and search for the [dom.storage.default_quota] option...
It's value is in kilobytes - 5120Kb = 5.1MB. Change to whatever size you need.

There's no way to adjust storage quotas for [Chrome / Edge / Safari / IE], or Chromium based browsers at this time.

Inserting custom HTML code

This feature is very handy for those people who are knowledgeable of HTML coding. This will also come in handy if you need to add or insert something that is as yet not supported by our application, or just something more custom to your liking.

Click on this toolbar icon to insert your custom HTML code ""

---

How to update our online applications to the latest version...

To update any one of our online web applications, you simply need to clear your browser's history or cache. Please make sure to save your documents that are listed in the "Document History" list first, if you have any saved. Otherwise you will loose them permanently.

Method 1 - If you have installed any of our online web apps to your desktop to be run natively offline, the procedure is exactly the same. Just clear your browser cache, reconnect to the internet, and run the desktop application again. All done!

Method 2 - Here is a quick alternative method if you have installed the app to your desktop, simply uninstall the application and select "Also clear app data from browser" on the uninstall window dialog, and then reinstall the app afterwards.

---

Using the Cache Memory button...

This feature deletes all the downloaded images and objects that were inserted, using URLs from the net, into their relevant documents. It also deletes all the documents or text that were auto-saved for each instance of every opened word processor or text editor. It does not delete the "Document History" list and its document contents, only the auto-saved cache memory for all the opened editor instances.

---

Opening a new Editor Instance or Browser Tab

When using this feature, a whole new instance of the word processor or text editor, that you originally opened, is created in a new tab just like a desktop application. All your text or documents are then auto-saved just as in the first web application. When closing each editor tab, your document or text are then auto-saved for later use or access as you need it.

---

Need to add more advanced elements to your document?

You may find more information on HTML, CSS, and even Javascript at the following web site...

W3Schools.com is one of the top and best places to learn more on how to add, edit, and create better HTML web pages or documents.

---

The online / offline nature of our applications

Most online productivity applications are hidden behind login prompts and firewalls with the option of paying for more options and features. Our web based applications and office suite are not this restrictive and are completely free. Our software can be used either online by just navigating to the relevant link, or by simply downloading it from our web site and used offline. They also DO NOT run in the cloud!

Get All Our Free Online Web Apps Here...

Get to know what a Progressive Web Application is - PWA... it will change your life!

Read More Here...

SSuite Office Software

Free office software with Pure Visual Simplicity{TM}

GREEN SOFTWARE DESIGN

---

Donate and become our Hero!

Be Nice and Click Here to Donate!

Please donate to help support our efforts in providing you with free office software.