позиция курсора contentEditable / разрабатывает в FireFox

Question

позиция курсора contentEditable / разрабатывает в FireFox

Я испытываю затруднения с помощью contentEditable в FireFox 3. У меня есть проблема, где курсор появится выше или только частично в отделении после того, как я нажму в нем (пока я не начинаю вводить, в котором времени это ведет себя правильно). Какие-либо идеи о том, как я могу мешать этому произойти?

HTML:

<html>
  <head><title>Test Page</title></head>
  <body>
    <div id="editor" style="position:absolute; left:157px; top:230px; width:120px; height:30px">
      <div id="input" style="width:100%; height:100%; border:1px solid black; outline:none" contentEditable="true"> </div>
    </div>
  </body>
</html>

alt text

6

richtextbox contenteditable richtext richedit richtextediting

задан Ben McCann 1 January 2010 в 00:45

2 ответа

Другие вопросы по тегам:

richtextbox contenteditable richtext richedit richtextediting

Похожие вопросы:

score 2 · Answer 1

Между DIV нужно поместить какое-то содержимое или HTML, которое вы хотите редактировать:

<div id="input" style="width:100%; height:100%; border:1px solid black; outline:none" contentEditable="true">Some sort of content or HTML here.</div>

score 1 · Answer 2

Я несколько часов ломал голову, пытаясь найти способ обойти это. То, что я придумал, это обернуть редактор в div, который по умолчанию скрыт. Затем использовать небольшой встроенный javascript для отображения div. Это, кажется, заставляет курсор прыгать в нужную позицию. Это грязно, но работает!

<div id="editor" style="display: none;">
     <% call RTE.renderTextArea(true) %>
</div>

<script>document.getElementById("editor").style.display="";</script>