Hallo,
mir würden spontan zwei Lösungen einfallen:
1. Eine Textarea benutzen (Was Du wohl eher nicht möchtest)
2. Einen Font mit gleicher Breite für alle Zeichen wählen und die Position errechnen:
font-family: monospace;
font-size: 14px;
element.onmousedown = function (event) {
var x = Math.floor((event.pageX-element.offsetLeft)/8);
alert(x);
};
Oder so in der Richtung. Ich programmiere auch grade einen Text-Editor mit HTML und JS. Sogar mit unterschiedlich eingefärbten Text-Abschnitten, welche sich wie bei deinem Problem trennen lassen.
Mfg Licht