search

ijprest / keyboard-layout-editor

Web application to enable the design & editing of keyboard layouts
http://www.keyboard-layout-editor.com/
Other
1.3k stars 241 forks source link

HTML output #201

Open miloush opened 7 years ago

miloush commented 7 years ago

Would be great if the layouts could be downloaded as static HTML, so that they could be directly used on pages without any javascript.

QuadDepo commented 7 years ago

You can export it as SVG, PNG etc.

rwmpelstilzchen commented 6 years ago

@QuadDepo: SVG doesn’t support legends and the PNG files are low resolution.

guest20 commented 6 years ago

194

iandoug commented 6 years ago

SVG doesn’t support legends and the PNG files are low resolution.

What resolution would satisfy you?

miloush commented 6 years ago

This issue is for HTML output, so that it can dynamically be generated on the server.

iandoug commented 6 years ago

Um, so you want HTML that will draw each key as defined?

Trying to wrap my head around why you want to do it that way instead of just using an image....

iandoug commented 6 years ago

By the way, is this for standard ANSI-104 layouts or something else?

miloush commented 6 years ago

I did the HTML manually for ISO 105, see e.g. http://kbdlayout.info/KBDVNTC.

Ideally I would like to have various physical layouts available, so if the editor could be used to generate these, that would provide a great UI and reusability.

iandoug commented 6 years ago

Mmm okay I thought you might be doing something along those lines.

I've done something similar, for example see keyboard image here: https://www.keyboard-design.com/letterlayout.html?layout=qwertz.de.iso

What I did was take the basic 104 or 105 layout from KLE, remove all the text, added colours to show which finger, and save as an "empty" keyboard. Then I have a PHP program that reads in the letter layout from Keyboard Layout Analyzer JSON file, and places each character in the correct spot on the image.

Would an approach like that help, if you use Microsoft's input files instead of KLA input files? (Although you seem to have done it all already, so don't know if this is a moot point now... ;-) )

FWIW the PHP program can handle ANSI, ISO, ErgoDox form factors, as well as the ErgoLinear and Matrix form factors we use on KLA.

Your site is useful, I'll add a link to it on my Tools page.