MyPad V3.0 (html editor)

waffle · Post by **waffle** » Thu Nov 18, 2010 8:11 pm

My html and text editor was looking pretty bad, so I gave it a major upgrade.

V1 used PB39 and Rich Edit Controls
V2 upgraded to PB41 and Scintilla and added limited FTP support
V3 upgraded to PB4.5 and better FTP support and Dictionary support

V3 dropped the idea of user defined HTML tags. The concept was that if a user should fine a useful
tag system, it could easily be added to the menu system. This just looked ugly and very cluttered.

Vera suggested I incorporate body styles, so I did that too.

The main improvement (besides FTP and looking nice) is the dictionary.
The dictionary is thirdparty, so must be downloaded seperately. A link is provided.

website http://www.archonrpg.com

help file http://www.archonrpg.com/mypad3hlp.htm

download http://www.archonrpg.com/zips/mypad3.zip

Vera · Post by **Vera** » Fri Nov 19, 2010 1:30 am

Hi Waffle,

what a nice surprise to here from you

I'm curious to see your MyPad ~ but that'll be tomorrow.
Still I'd like to tell you quickly that all the image links + DL are broken because of the mixed slashes. (The included help as well as the one on your HP)

You'd only need to search and replace \ with / :
<IMG SRC ="shots\ ; broken (including blank)
<IMG SRC ="shots/
<IMG SRC="shots\ ; broken (without blank)
<IMG SRC="shots/

Also the dictionary link:
http://\\www.openoffice.org\/ ; broken
http://www.openoffice.org/

Besides - one doesn't need to download the whole OfficeSuite to get a dictionary, they are nicely listed here, and only about 244kb

have a friendly day ~ night ~ Vera

ps: I like your new ava

waffle · Post by **waffle** » Fri Nov 19, 2010 5:04 am

fixed my \ or / issue.
Added your wiki link, I was rushed so I did not search for my orginal link to a dictionary,
I could only remember the website, not the link

While testing Mypad, I did fine an issue...
The default path seems to always be the main program path, this is very anoying to me

I shal fix that soon, so that the default path will be whatever path the last source was loaded...

Also found some odd "anomilies" with the FTP part.
for some reason, yahoo times out or something, and I have no indicator that that happened,
so the program gives alot of wierd errors ..... Mainly attempting to upload files to the wrong
directory, errors in file transfers and so on .... I need to fix that too.

Also, still in the FTP part, the file path should trim down so that it does not try to use multiple lines.
not a big prob, but on my to do list.

Just in case Fred ( the Alpha ) reads this ...
how do I delete or rename a file or directory named "1040$ myfilename" ?
yahoo adds tracking files that indicate the last file or directory accessed. I cant delete the
parent directory unless I can delete these first. My work around has been to use Yahoo tools
to do that.

electrochrisso · Post by **electrochrisso** » Fri Nov 19, 2010 6:58 am

I have had a little play and it seems to be a useful html editor, except I have found a few issues so far.

View As Web does not display web pages properly, no frames or images get displayed, are you using the Purebasic Web Gadget as it displays my pages properly.
All of the dictionary files I have will is unable to load dic or txt, including the Open Office one that I just downloaded.
Would be good if you save the window size and position to ini and also for help.

Have you got any source examples of how you used and set up Scintilla.
How do you get the icon at the start of the menu bar.

Thank You.

waffle · Post by **waffle** » Fri Nov 19, 2010 5:38 pm

fixed the prob with web pages not displaying properly. To view the page, I was save to a diferent path
and then reloading from the other path. Natuarally, if the images are not there, they won't be displayed.
I corrected that, but now you will get a tempweb.htm file generated in the same path are you html file.

is that too wordy, or should I just say "fixed"

Dictionary help. Did you read the doc (in my help) and the one on the website where you got your
dictionary? Normally, a dictionary is a compressed file (like a zip). To get to the file my app needs,
you need to extract the core file. If you can view the file in Word, or any text reader (notepad may be too small)
than it will load into my app. When reading about dictionaries, be sure to find the part about
"Modifiing an existing dictionary".

When my app load a dictionary, it remive all text after the "/" and ignores all words with "non-english"
characters. Its just makes the hash table easier to scan.

and for Scintilla...
http://www.purebasic.fr/english/viewtop ... =scintilla
Thats where "most" of my code came from. Customizing this to hilight HTML is pretty straight forward.
When I had that mastered, I did an IDE for DarkBasic Classic.

Vera · Post by **Vera** » Fri Nov 19, 2010 11:10 pm

Hi Waffle,

I knew I'm gonna like your app

First I had quite some confusion to understand the structure of the help file (and contents) until I added a true contents overview at the top and unitized some of the link-lables. Also the order of the topics is unhappy mixed. (I'll sort that out in a next step).

I think your MyPad can really become a nice tool to set up first html pages for html-novices or be used as quick creator and editor. Building framed sides is quite outdated nowadays, still it's a fair method to get a coherent structured multi paged side without loosing the overview.

I haven't tested everything yet, and won't be able to check the FTP concerns, but here's what I already put together.

errors:
- insert comment: <!......> a comment tag is: 
- missing end comment part in: 
- insert 4 spaces:       = 5
- missing: insert only a single forced blank
- several missing end tags: (*), </li>, 
- inline values should be quoted: e.g. -> <font="Courier New">
- missing closing > on table tag: <table... -> <table...>
- a table heading should be: <th></th>
- the small arrows to en-/decrease the values in table and style settings don't work
- wrong postitioned Alt="" on Page link / image link creation, the leading blank is place behind the item, e.g.: <A HREF="#Target"> <IMG SRC ="img.gif"ALT ="jkljl"__BORDER=0...

* also on imaged bullet creation. Maybe use 2 s instead

Errors and other issues:
the images don't show because you create links without regarding the relative path towards a) the current app-path and b) the current edited html-page:
e.g.: <IMG SRC="wsodoku1\sodoku_files\colors.gif">
could be: <IMG SRC="../wsodoku1/sodoku_files/colors.gif">
But it's the same issue with all created links.

feature request:
- enable refresh for the internal WebView to view the changes
- enable back-key for link testing in WebView
- allow external browser view (custom default browser)
- switch to lower case for all html describtions
- option: align:"center" is missing
- remove all obsolete blanks, e.g. within styling or links and link insert text
- editor background color
- toggle word wrap
- toggle: show special characters (blank, tabs...)
- custom tag-menu, maybe 10 items, manually defined in the ini (future request)

As for the dictionary: I unzipped the english dic from OO into the app folder and was promted on first spell check call to choose a *.dic. Doing this it was loaded and worked fine straight away. I didn't try to use a different dic or private text file yet (I'll try that later).

Despite the current errors there are two major issues why I woudn't use MyPad: for me the html scripting has to be strictly in lower case and an editor needs to have word wrap.

Greetings ~ Vera

waffle · Post by **waffle** » Sun Nov 21, 2010 5:13 am

pretty much done with your error list....

errors:
fixed - insert comment: <!......> a comment tag is: 
fixed- missing end comment part in: 
fixed..... lowered it to 4

- insert 4 spaces:       = 5
- missing: insert only a single forced blank
fixed- several missing end tags: (*), </li>, 
fixed- inline values should be quoted: e.g. -> <font="Courier New">
ignored.. works? - missing closing > on table tag: <table... -> <table...>
ignored.. works? so why fix- a table heading should be: <th></th>
fixed- the small arrows to en-/decrease the values in table and style settings don't work
maybe fixed- wrong postitioned Alt="" on Page link / image link creation, the leading blank is place behind the item, e.g.: <A HREF="#Target"> <IMG SRC ="img.gif"ALT ="jkljl"__BORDER=0...

fixed * also on imaged bullet creation. Maybe use 2 s instead

Errors and other issues:
the images don't show because you create links without regarding the relative path towards a) the current app-path and b) the current edited html-page:
e.g.: <IMG SRC="wsodoku1\sodoku_files\colors.gif">
could be: <IMG SRC="../wsodoku1/sodoku_files/colors.gif">
But it's the same issue with all created links.

I think that is just a "\" and "/" issue. Everytime I tried "../" or ".." I could not display any images.
The \ and / issue I think is fixed.

currently staring at to feature requests..., but I prefer to "fix" my dictionary problem, or maybe just improve it.
I will stare at both and see which is easier @-)

Vera · Post by **Vera** » Sun Nov 21, 2010 7:31 pm

Hello,

new errors:
- insert font: inserts e.g.: 800> , all leading parts are missing
- insert color: missing endtag: 
- insert bullet list: inserts 2 lists and their tags are cascaded (<LI><LI><LI></LI></LI></LI>)
- insert table: <TABLE BORDER= CELLSPACING= CELLPADDING= , still is without the closing > (squared end-bracket)
- insert musik: the link is always inserted behind <BODY> but not at the cursor position [besides - this is a Microsoft only feature (*)]
- insert image: the path is forced to lower case although the dangerous option is deaktivated
- HelpFile: the 'missing' at: <LI>About - Says Waffle made..., makes all following text bold

LCase Files - Although not technicaly a tag, this setting affects how tags are written. If checked, all tags that connect to external files (images, pages, music) will be lower case. ... The page scan will scan all open files for external links, and convert them to lower case.

Now this is a joke-feature - or ?

Doing this you'll corrupt all paths, because any existing upper case folder- or target-names are not changed - only their link values are lowered. Remember - only Windows doesn't care, but all other systems care much for casesensity. These html-pages will then only work viewed surfing with Win but all other guest of a homepage won't see the pictures or be able to use the links. These pages won't work on unix-based servers.

The \ and / issue I think is fixed.

I don't see a difference, all slashes are still \ and relative paths aren't regarded.

About paths: e.g. you have:
C:\Proggy\MyPad3\shots\
C:\Proggy\Picture\
C:\Music\

If MyPad.exe and the html-page are in MypPad3 a link to a target should be:
<img src="shots/image.png"> or <img src="../Picture/Other.png"> or <a href="../../Music/song.wav"></a>
../ always moves up one folder depending on the current position

* just in case you like to enable this music-feature for more browsers you'll need an object like:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" height="15">
<param name="name" value="qtintro" />
<param name="src" value="relPATH/MySong.mp3" />
<param name="autoplay " value="true" />
<param name="controller" value="true" />
<param name="bgcolor" value="black" />
<param name="type" value="video/quicktime" />
<embed name="qtintro" type="video/quicktime" src="relPATH/MySong.mp3" height="15" autoplay="true"></embed>
</object>
This is no global solution as this example depends on Quicktime, but if you're interested I'll try to find a common used one

Greetings ~ Vera

waffle · Post by **waffle** » Mon Nov 22, 2010 2:41 am

new update,
Played some more with the "\" "/" issue and some other buggy things...

added features for :
word wrap
lowercase tags (sepperate from lowercase files)
view white space characters
view end of line characters
custom background color
FIXED Dictionary suggesting wrong word.

I think I also need to add a custom highlight color too, but thats for next time.

Vera · Post by **Vera** » Mon Nov 22, 2010 5:01 pm

Dear Waffle,

thanks for the improvements

especially word wrab and the white spaces are very helpful

- LCase Tags: is set BUT doesn't do anything
- backgroundcolor: works and is set BUT is not read on startup [or not supplied]
- creating a Blank Page: will also insert the style BUT this style is broken, because the { starting bracket encloses the targets as well:
{ A:LINK FONT-SIZE:12PX; COLOR: #2A2286; .... } should be:
A:LINK { FONT-SIZE:10PX; COLOR: #2A2286; .... }
- insert font: still 2 closing tags missing:


[sorry I oversaw this when looking for insert color, which is ok now]
- insert imaged bullet: now the whole path except the drive letter is supplied. The images will show but these paths are not necessarily identical with the paths on the server (very unlikely)

I found out why the pictures in IE don't show up: it regards empty values as sero-0-values.
e.g.: <IMG SRC="shots/MISC14.ICO" WIDTH = HEIGHT = Align = "LEFT">
= <IMG SRC="shots/MISC14.ICO" WIDTH =0 HEIGHT =0 Align = "LEFT">
= <IMG SRC="shots/MISC14.ICO" WIDTH ="" HEIGHT ="" Align = "LEFT">
That means empty values should not be inserted or filled up with the corresponding picturesizes.

- closing MyPad with an unsaved file: save requester comes up BUT a cancel will not interrupt the termination

- Help File: now [after correcting the missing ] the puntig brackets (>><<) corrupt the tag-detection, better exchange them with html-syntax:
<LI>>>Download - Download all checked files.
<LI><<Upload - Upload all listed files
<LI>>>Download - Download all checked files.
<LI><<Upload - Upload all listed files

Wow - I must say - this is by far quite a complex project with losts of different concerns and trabs

cheers ~ Vera

waffle · Post by **waffle** » Mon Nov 22, 2010 5:18 pm

Thats why I am very thankfull you enjoy playing with broken software

I will work on these issues as I work on the browser thing.

I copy your error and bug lists directly to PB IDE and leave it open.
Whenever I finish a part, I look at your list to see what should be next.
Naturally, I do the easiest first. The word wrap and white space were
very easy to do, but they did require some "reading" to find the correct message.

Doing the background color was also simple, but required a refresher class in styling

To fix the dictionary, I reverted to "fuzzy logic" which very few even remember.
Its an AI thing where you weigh your options based on some concept. In spelling,
I gave extra weight to the first letter and less weight to the last letter;
and then compared the "weight" of each word to see which most closely resembles
the correct word. Works great

BROKEN - LCase Tags: is set BUT doesn't do anything .... but I work on it
FIXED- backgroundcolor: works and is set BUT is not read on startup [or not supplied]
FIXED- creating a Blank Page: will also insert the style BUT this style is broken, because the { starting bracket encloses the targets as well:
FIXED { A:LINK FONT-SIZE:12PX; COLOR: #2A2286; .... } should be:
A:LINK { FONT-SIZE:10PX; COLOR: #2A2286; .... }
FIXED - insert font: still 2 closing tags missing:


[sorry I oversaw this when looking for insert color, which is ok now]
- insert imaged bullet: now the whole path except the drive letter is supplied. The images will show but these paths are not necessarily identical with the paths on the server (very unlikely)

FIXED I found out why the pictures in IE don't show up: it regards empty values as sero-0-values.
e.g.: <IMG SRC="shots/MISC14.ICO" WIDTH = HEIGHT = Align = "LEFT">
= <IMG SRC="shots/MISC14.ICO" WIDTH =0 HEIGHT =0 Align = "LEFT">
= <IMG SRC="shots/MISC14.ICO" WIDTH ="" HEIGHT ="" Align = "LEFT">
That means empty values should not be inserted or filled up with the corresponding picturesizes.

FIXED - closing MyPad with an unsaved file: save requester comes up BUT a cancel will not interrupt the termination

- Help File: now [after correcting the missing ] the puntig brackets (>><<) corrupt the tag-detection, better exchange them with html-syntax:
<LI>>>Download - Download all checked files.
<LI><<Upload - Upload all listed files
<LI>>>Download - Download all checked files.
<LI><<Upload - Upload all listed files

electrochrisso · Post by **electrochrisso** » Wed Nov 24, 2010 4:20 am

The only way I could get the dictionary to open is by creating a simple text file with a couple of words, it loaded, then renamed the dict filename in the ini to the Open Office one, now loads.
I see why my existing web pages not loading completely is you create a tempweb.html in home folder so ref tags are not being picked up because of relative file locations to my image and css files, no big deal as I can always just have an html browser open at the same time or create one specially in PB anyway.
It would be handy if you could have your program remember the window location and size in the ini though, a bit of a pain having to set it up every time the program is run.

Keep up the good work.

waffle · Post by **waffle** » Wed Nov 24, 2010 7:46 pm

did some more work on the Lower case files and tags issues ....
Can you check and see if it is working this time.

Part of the problem was "fixing" the "\" "/" issue disrupted the path comparison check
That was affecting images in the buttlet tag and possibly the page links.

Overall, I think I am almost there

or almost ready to call this a "beta" release.

Vera · Post by **Vera** » Wed Nov 24, 2010 7:50 pm

Hi Waffle,

Good idea to keep a todo-list at the top of the source-code (I also do this) - and I'm busy supplying further look-ups

- Help File: now the ; are missing
<LI>&GT&GTDownload - Download all checked files.
<LI>&LT&LTUpload - Upload all listed files
<li>>>Download - Download all checked files.
<li><<Upload - Upload all listed files

~~~~~~~~~~~~~~~~~~
about html-syntax:
the describtion of a single character is always in 3 parts
1.- the opening marker: &
2.- the character itself: e.g.: gt [= greater than]
3.- the closing marker: ;
so you have > to let a > show off

inserting special characters (entities):
I would have requested this later on, as there are a handfull of elementary characters that would be good to have:
< = <
> = >
" = "
& = &
empty space =  

If you have a look here: http://www.w3schools.com/tags/ref_entities.asp (+ neighbough pages) you'll find hundrets of entities and maybe there's the one or other you would like to add. [eg. single bullet, copyright, euro-sign ?]
~~~~~~~~~~~~~~~~~~

- WebView: tricky idea simply to apply the toolbar

-- flickering problem on resizing in both web-viewers and MDIgadgets [also when maximized]: try a SmartWindowRefresh() after OpenWindow() and/or WebGadget()

- File/View/refresh: doesn't do anything yet
maybe remove it, as there's now the toolbar on the WebView and the default viewer has its own refresh button? Or combine it with an automatic saving of the current source page + refreshing the view?

- insert table: the dialog doesn't auto-close on creation and the mini-arrows are still out of work

- Spell Check:
- none of the hotkeys are assigned
- you can never re-call it after closing the dialog unless you perform a single edit to the page or an extra saving BUT this only happens if the WebView is open at the same time. (no problem if several MDIs are open)
- if no suggestion is found the list (according to the first letter) should show off anyway for manual search
[the dictionary is kind of useless if I can't look up words by myself, eg. searching aa may list all words begining with a]
- the list should be in alphabetic order [just as the dic already supplies]

Feature request: on the long it would be handy if I could insert a word in the dialog myself (first string gadget) and start a seach by clicking on the 'original button'

addendum:
- insert imaged bullet: sorry - with the actual "nearly fullpath" the images are only shown in IE but not in other browsers

Well - the GUI-dimensions really should become customized like electrochrisso repetitively mentioned. I'm fine while testing and glad you choose them to be small instead of oversized. But a lot of users will find this annoying, especially if you need to call the help regularly. Meanwhile you might shape them a bit more pleasing like e.g. 760x520 ?

cheers ~ Vera

waffle wrote:Overall, I think I am almost there or almost ready to call this a "beta" release.

why not call it après-alpha

waffle · Post by **waffle** » Wed Nov 24, 2010 10:12 pm

I just uploaded ...
This one save window size data.
But, you also want for the help window tooo...

I will add that to my todo list.

I thought I fixed the bullet image thingy.. I spent alot of time testing that too.
I will look at that again

The File-View-Refresh should work. The way I tested it was to "Veiw" a page,
and then scroll to a different location or page. Clicking File-View-Refresh should
update the page to the current settings of the original page. The same as
clicking the Refresh button in the web view. Natuarlly, this will not affect external viewers.

I will correct the tag things first, and then work on the Table problem.
After that, I will stare at bullets some more.

Fixing the dictionary would be nice, but I will work on that last.
The dictionary does not come up while viewing a web page, by design. It needs to have a focus
an an editable document, so it knows what you are spell checking. I can fix it so that it scans
for a matching window for the viewing window and then that should work ....

Thank you for all your efforts on finding bugs

PureBasic Forums - English

MyPad V3.0 (html editor)

MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)

Re: MyPad V3.0 (html editor)