MyPad V3.0

Toolbar
Thank you for downloading MyPad. Version 1 used rich edit controls, V2 switched to Scintilla. V3 adds spell checking and improved tag options. V1 and V2 permitted users to add custom tags as needed. V2 added FTP file transfer services, but not very friendly. V3 deviates from that in that new tags cannot be added. This permitted me to make the existing tags easier to use. I also added some custom features that are intended for my use, but others can check them out as well. And, the FTP in version 3 is also much easier.

MyPad is mainly for use as a rapid web page creater. It works great with text as well. Most features on the toolbar will not work with text files. They are designed to create HTML tags easily. If you click one of the tag buttons, you will be asked if you want your text (*.txt) document converted to HTML (*.htm or *.html) format. If you click yes, you will then be guided on setting up your web page.


Contents

Important Links:

Dialogs
Contact Information
HTML Tags
FTP Account Setup
Custom Dictionary
ToolBar
Errors and Other Issues
Change Log
Top



Menus



Manages all files and FTP
Cut,Copy,Past,Search and Spell Check
HTML Tags
Custom Colors for the editor
Window tile and cascade options
Various major help topics

Other Links:

Contents
Contact
Top



Dialog Window Popups



FTP Account Setup

FTP File Management

Search and Replace

Spell Check

HTML Tag Dialogs

Bullet Tag

HTML Frames

Link or Target

HTML Style

Image Tag

Table Tag

Other Links

Contents
Menus
HTML Tags
Dictionary Setup
Toolbar
Top



FileMenu

From the file menu has all the usual file stuff, and I added some FTP (File Transfer Protocal) stuff as well. FTP is used for moving your web pages to your website. The main features of the file menu are also on the toolbar



Toolbar
Contents
Menus
Top



EditMenu

From the Edit Menu you can perform the routine editing options. These options are also available in the toolbar. To enable spell-check options, you need to obtain a dictionary. Many are free, but some are better than others. The first time you try spell checking, you will be asked to setup a dictionary. Be sure to read that section so you know what to expect.



Dialogs
Search Replace
Spell Check
Dictionary
ToolBar
Top
Contents
Contact



HTML Tags

HTML stands for "Hypertext Transfer Markup Language". It is a methode of informing computers exactly were desired files are located, and how to display them. Most of the tags listed here are pretty simple and straight forward. Some, are over complicated just to support as many options as possible, without the reliance on "knowing" what goes where.

Clicking on any tag with prompt you to setup a "Title" and identify your text document as HTML. The simple tags such as Bold will just be inserted into your text, or around selected text. The more complex tags will have popup dialogs. Most of the tags are available directly from the toolbar.

Contents
Toolbar
Top



Colors Menu

This menu will let you customize the enviroment. It has no impact on how your final web page will look.

Contents
Menus
Top



Windows Menu

This just manages the display and selection of all opened files. This list of open files will be displayed below, and selecting one of them will bring it to the front.

Menus
Top
Contents



Help Menu

This list the most common help sections, or the ones that are most important.



Contents
Menus
Dialogs
Contact Information
Top



File Transfer (FTP) Account Setup


In general, this simply manages all your online FTP accounts. The password field is sorta optional. I say sorta because if you enter it here, it will be saved (unencrypted) to an INI file. Sure, a hacker can get it from there, but they can also get it by monitoring keypresses. If you are on a shared computer, you should never save passwords anyway. If used on a private PC, then you have some level of safety. If you are worried, leave the password blank. You will still be asked during login, but the password will not be saved at that time. Another factor to consider, when using FTP passwords is what are you protecting. If protecting access to a list of credit cards or bank numbers and pins .... do not use free sofware ... ever !!! But, my website has only software that I wrote, and most of it I give away for free. So, although I am concerned about the security of my website, I do not have any national or private secretes there.

OK. Now that the leagle stuff is out of the way.... How do you set up an account for use? First you will need to add a new user. The User name can be anything you like (waffle,bill,fred...). This is only used for reference on the current computer. Next you will need to Add a New Account. This is normally your login name that you use to log into your account. Next, type in your FTP account site access. For this you need to contact your web server guys. As a hint, it is normally ftp.youraccount.com, but if using a free web host, it could be ftp.freehost.com/youraccount. And you MAY enter a password. Lastly you will need an access protocal for display your web pages. For example, displaying my web pages is http://www.archonrpg.com/ and anything *.htm after the last / can easily be displayed. Thats it. if everything is fine, just save it by clicking OK. Here is the full explaination of all fields and buttons: Top
Contents
Menus
Dialogs
COntact



FTP File Transfers


If your account setup is done properly, there will be a delay in displaying this dialog. For my website, its almost 60 seconds because I have about 500 files. When this first loads, it scan your entire website directory tree so you can browse it quickly later. I find this much much nicer than yahoo's file manager. After that, you can do pretty much anything you like. There are some bugs though.

OK, and what do all these buttons and things do exactly? Toolbar
Contents
Menus
Dialogs
Contact
Top



Search and Replace


Pressing (F2) calls up the standard search dialog, while (F3) will continue the search without the dialog. If replacing text, the search will stop at each matching text unless you click ALL.

Contents
Menus
Dialogs
Toolbar
Top



Spell Check Dialog


Before Spell checking can be enabled, you must first have a dictionary available. See dictionary for more information on configuring a dictionary. This dictionary is far from perfect. It seems to always suggest the wrong word, but then my spelling is horendous, so any improvement is worth it. Pressing (F4) will start spell checking from the top of your page, (F5) will continue from the current location, and (F6) will only spell check the current word.



Contents
Menus
Dialogs
Toolbar
Top



Dictionary Setup

Mypad V3 does offer spell checking, but it does not include a dictionary. A dictionary is just a text file with a list of word. Many dictionaries are free. Also, if you obtain your own dictionary, it can be customized to your own needs. bla bla bla. You can obtain an almost free one at openoffice or wiki dictionaries Almost free simply means its distributed under the new GPL, which basically means you can use it, but not sell it.

To configure the dictionary for use you need to download it to the directory where MyPad is located. Next, you need to rename it from ?? to *.zip. Open the zip file and locate the *.dic file. Just for legal purposes, read the readme.txt file. Copy the *.dic file to the same directory as MyPad. Next, launch MyPad. Open any file, or create a new one and press (F4) to spell check. You will be asked if you want to configure a new dictionary, select YES. You will be asked to locate your *.dic file. All done. You only need to do this once.

If you decide to switch dictionaries later, you will need to open the MyPad.ini file and locate the Spelling section and delete the section. Next time you launch MyPad, you can select another dictionary.

Contents
Contact
Top



Toolbar

Main Toolbar
All of these features are also directly available from the menu and some have keyboard shortcuts. Here I will just cover the basic and demostrate how to use images as bullets.

File Menu

- New File Same as (Control + N)

- Open File Same as (Control + O)

- Save File Same as (Control + S)

- Close File

Edit Menu

- Cut Same as (Control + X)

- Copy Same as (Control + C)

- Paste Same as (Control + V)

- Search Text Same as (F2)

- Spell Check Same as (F4)

FTP

- Transfer Files over internet.

View As Web - Display your web page in a browser window

HTML Tags

- Jump to Target Same as (Control + T)

- Color changes font color

- Heading Same as (Control + H), place last heading used

- Link or Target

- Insert Image

- Insert Bullet

- Insert Horzontal Line

- Insert Comments

- Bold Text

- Underline Text

- Italic Text

- Center Text

- Line Break

Help

- Help brings you to this help page



Contents
FTP Account Setup
Dictionary Setup
HTML Body Styles
Contact
Top




Image Tag

Image Dialog
This enables you to quickly and easily insert an image into your page. As you play with this, you may find there are some image formats this application does not support. *.GIF is one. Whenever an unsupported format is detected, a default griffic is displayed. is used as a place holder. The actual file will be placed on your page, just not displayed in the dialog. If an image is correctly loaded, the default width and height will be the actual width and height of the image. *.BMP will show correctly, but are not recommended for web pages because of size.



TagMenu
Contents
Top



Bullet Tag


Bullets are a collection of "points" that you wish to make. Basically a list of ideas or concepts. When you select this tag, you can click the List button to generate a list of 6 bullets or click Item if you only need 1. You can also load custom images to use as bullets.



Contents
HTML Tags
Toolbar
Top




Table Tag

Table Dialog
Tables are good for displaying data in rows and columns. Some of the settings are hard to grasp, so I will do some examples and explain the settings. In the discussion that follows, I will refer to Cells. A cell is a data point identified by a row and a column.

Example Table1

Settings are 3 rows of 6 columns. Padding at 10, Spacing at 3. Framing set to 1.
H1 H2 H3 H4 H5 H6
111213141516
212223242526
313233343536

Example Table2

Settings are 3 rows of 6 columns. Padding at 3, Spacing at 10. Framing set to 15.
H1 H2 H3 H4 H5 H6
111213141516
212223242526
313233343536


TagMenu
Contents
Top



HTML Framing

HTML Frames
This creates a special web page. This new page will be just frame instructions. You use frames to place images as boarders on your page or to display multiple pages at once. A good example of this is www.archonrpg.com where I have my custom title on the top, and links to my programs on the left, with the main text in the center. Each section is its own page, but these are all displayed in frames on one page.

This dialog looks complicated, but it actually is settup to display an overview of 5 web pages at once. Each row, identified by different colors, represents a web page. The rest of the options concern the actual size of the page and whether the size is fixed or scrollable. Also, each web page area is identified by a name, such as Panel_1, Panel_2.. The actual web page is described elsewhere, and refered to her by its web link.



HTML Tags
Contents
Top



Insert a Link or Target


A Link is a connection to another page or to a location on an existing page. A Target is a location on a page that a Link can use as a reference. A Link can be any combination of text and images. The most common links used are text.


Contents
HTML Tags
Top



Image Link


This compliments the settings above, by adding an image to the link identified. The options not described here, are explained above.

NOTE: The actual link information must be selected in the text link information. HTML Tags
Text Link Above
Contents
Top



Link Style


The style of your web page is divided up into 4 parts; Links, Headings, Background Image, and a reserved section. The reserved section is not modified by this application. As a general rule, you can select a font size, color, background color, style, weight, and text alignment (headings only). Clicking on the Fore or Back color box will call up a color requester permitting you to select a color.

The Line size and border information permit you to design custom line formations. Naturally, some experimentation is required.

Main Buttons
Top
Contents
TagMenu



Heading Styles


The style of your web page is divided up into 3 parts; links, Headings, Background Image. As a general rule, you can select a font size, color, background color, style, weight, and text alignment (headings only). Clicking on the Fore or Back color box will call up a color requester permitting you to select a color.

Main Buttons


Top
Contents
TagMenu



Background Style


The style of your web page is divided up into 3 parts; links, Heading, Background Image. If the "Use Background Image" is checked, and you load an image, this image will be tiled and used as a background image for your page, and will override the background color settings. If used with framed pages, you can set up custom boarders for your web page.

Main Buttons


Top
Contents
TagMenu



Errors and other issues

While editing an HTML document, you may sometimes delete ot otherwise edit the "HEADING", "TITLE", or "STYLE" tags. Please use care when doing this. Most tags should be located in the "BODY" section of your page. If this application should generate a message about not finding one of these sections, it will also state which part. A "HEADING" should have a matching "/HEADING" and a "TITLE" should have a matching "/TITLE" and so on. If you don't want to completely start over, you can add in the missing parts, and all should be fine.

Some images (most of them unfortunately) will not display properly in the dialogs. This is on my to do list. A place holder image will be displayed instead. You can always open the image in your preffered editor to get the width and height in pixcels.

Manually changing or adding entries into the body style section is not recommended. This is mainly do to how my editor works. Whenever it composes a new body style, it is a new body style and will erase the old one. That is by design. The idea here is rapid page creation. More experienced users will wish to add more options, but the style dialog is pretty crowded as it is. The best option is to either use inline styles or save your custom settings in a seperate file. Sorry, but this application may be too "simple" to save all possible body options.

Media links located in odd locations. This is by design. If you desire a background music to be played, I only support one. To make it easy to find, I locate it in only 1 place. Near the top of the page.

Why add a suggested word to a dictionary? This is by design. Many word processors permit you to edit the word from the original document, and even suggest other words from that word. It is supported here, but differently. My spelling is horendous. So bad that even dictionaries can't guess my words. After doing a few suggestions, I forget the original spelling. Because that annoyed me, the spell checker here has that as read only. But, the suggested word is editable. So, natually, if the word is not found, you click add. At the prompt, you can confirm the correct spelling. Hope this helps.

Contents
Help
Top




Change Log

30Nov
Added a reserved section to body styles to permit customizations

29NOV
Tweeked the Body Style section a bit.

Next Build Happy Thanksgiving
Removed Force Space from Toolbar. (not used often enough)
ADDED View as Web to Toolbar
FIXED Helper App not saving layout.
FIXED Mutliple file directory trees are supported
FIXED corrupted body style issues
FIXED lowercase corrupting jump to target option


Build Date 24Nov
FIXED - LCase Tags Added - Saved window layout including Help File FIXED - Table spin and closing ADDED - 2 Tags for '"' and "&"

Build Date 22Nov
Features Added
DONE - enable refresh For the internal WebView To view the changes
DONE - enable back-key For link testing IN WebView
Done - allow external browser view (custom Default browser)
FIXED - option: align:"center" is missing
FIXED - editor background color
ADDED - 2 tags for ">" and "<"
FIXED - Stayles for Blank Page not working
FIXED - Missing close tags for insert font
FIXED - Image Height and width settings are ignored if 0 or blank
FIXED - Closeing if not saved issue
FIXED - Align - Center option added
BROKEN - LCASE TAGS not completely hooked up... oops


Build Date 21Nov
Features added DONE - toggle switch To lower Case For all html describtions DONE - editor background color DONE - toggle word wrap DONE - toggle: show special characters (blank, tabs...) FIXED - some anomallies

Build Date 20Nov
FIXED - insert comment: (!......) a comment tag is: (!----)
FIXED - missing End comment part IN: (!--Page Made With MyPad v3)
FIXED - insert 4 spaces: now only 4
FIXED - missing: insert only a single forced blank
FIXED - several missing End tags: /p /li /font
FIXED - inline values should be quoted:
?WORKS- missing closing ) on table tag:
?WORKS- a table heading should be: (th)(/th)
FIXED- the small arrows To en-/decrease the values IN table And style settings don't work
?FIXED- wrong positioned Alt="" on Page link / image link creation, the leading blank is place behind the item, e.g.:
FIXED - * also on imaged bullet creation. Maybe use 2 (br)


Current Version 3.0
Build Date 19Nov2010

Fixed path issue. Not only annoying, but also affected View as Web option.

Modified FTP file directory display to only show last 20 letters. Also, this is tied into the Tree-view (for the web sit) so clicking any file, anywhere, will display the path above the user file list. I did it this way as sorta a way to double check target directories to ensure they are correct before you upload.

Contents
Help
Top



Contact Information

Coded by Norm, the Waffle

visit my website for more free stuff
darkbasic forum waffle
purebasic forum waffle
email waffle


Top
Contents


License for Scintilla and SciTE

Copyright 1998-2003 by Neil Hodgson < neilh@scintilla.org >
All Rights Reserved

Permission to use, copy, modify, and distribute this software and its documentation for any purpose and without fee is hereby granted, provided that the above copyright notice appear in all copies and that both that copyright notice and this permission notice appear in supporting documentation.

NEIL HODGSON DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE, INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS, IN NO EVENT SHALL NEIL HODGSON BE LIABLE FOR ANY SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

Top
Contents