Soaring Eagle 666
Well-known member
- Joined
- Sep 24, 2017
- Messages
- 1,038
I made an HTML editor/word processor that doesn't mangle the hand-written code of the JoS pages. HP Cobra thought it might be useful for speeding up translation work, so here it is:
Web Word 2.0
It's a Chrome extension that lets you edit a webpage like a Microsoft Word document. (It works on Brave too.) Although there are many similar programs out there, this one is specifically designed to work with hand-written HTML and preserve the layout correctly.
Unlike most editors, you have control at every level. You can edit the element structure, attributes, even the raw code, and see the changes in real time.
I've also fixed the mangled character problem that has afflicted the JoS sites. All non-ASCII characters are converted to HTML number codes, which are always read correctly regardless of the document encoding (which was the problem before). However, my editor converts these codes back to symbols even when you edit the raw code, so this trick is completely transparent.
To install it:
1. Extract that ZIP file. There's a directory inside called "WebWord".
2. Open the Extensions page in Chrome. Click the three dots at the top right to open the menu, then under "More tools" click "Extensions".
3. Enable developer mode at the top right of the Extensions page.
4. Click "Load unpacked" and select the directory "WebWord" from the extracted ZIP file. Make sure you select the inner-most "WebWord" directory.
Once installed, you'll see an editing toolbar appear at the top of every webpage. (Yes, the style is ancient Windows 95 graphics. This started as a personal project, and I like that style.)
For editing/translating a page, simply open the HTML file, click the pencil icon in the toolbar to enable editing, then when you're done click the "Save" icon on the toolbar to download the edited page. You can also specify the language under the File->Properties menu.
The main thing to remember is that your saved HTML files will need to be in the same directory as the original, otherwise images won't load. (But this limitation applies regardless of how you're editing the pages.)
Feel free to ask questions or suggest features that might be useful.
Web Word 2.0
It's a Chrome extension that lets you edit a webpage like a Microsoft Word document. (It works on Brave too.) Although there are many similar programs out there, this one is specifically designed to work with hand-written HTML and preserve the layout correctly.
Unlike most editors, you have control at every level. You can edit the element structure, attributes, even the raw code, and see the changes in real time.
I've also fixed the mangled character problem that has afflicted the JoS sites. All non-ASCII characters are converted to HTML number codes, which are always read correctly regardless of the document encoding (which was the problem before). However, my editor converts these codes back to symbols even when you edit the raw code, so this trick is completely transparent.
To install it:
1. Extract that ZIP file. There's a directory inside called "WebWord".
2. Open the Extensions page in Chrome. Click the three dots at the top right to open the menu, then under "More tools" click "Extensions".
3. Enable developer mode at the top right of the Extensions page.
4. Click "Load unpacked" and select the directory "WebWord" from the extracted ZIP file. Make sure you select the inner-most "WebWord" directory.
Once installed, you'll see an editing toolbar appear at the top of every webpage. (Yes, the style is ancient Windows 95 graphics. This started as a personal project, and I like that style.)
For editing/translating a page, simply open the HTML file, click the pencil icon in the toolbar to enable editing, then when you're done click the "Save" icon on the toolbar to download the edited page. You can also specify the language under the File->Properties menu.
The main thing to remember is that your saved HTML files will need to be in the same directory as the original, otherwise images won't load. (But this limitation applies regardless of how you're editing the pages.)
Feel free to ask questions or suggest features that might be useful.