Ведение эстетического свитка в contenteditable div - PullRequest
Новая
       2

Ведение эстетического свитка в contenteditable div

6 голосов
/ 21 февраля 2011

Я создаю Rich Text Editor, используя contenteditable div, и обнаруживаю, что когда я написал больше контента, чем помещается на экране, и прокручиваю, чтобы курсор больше не был внизу, и я снова начинаю печатать,по умолчанию прокрутка снова помещает курсор в нижнюю часть экрана.

Когда я пытаюсь выполнить jquery e.preventDefault с клавиатуры или нажатия клавиши, она, конечно, останавливается, но тогда я тоже ничего не могу напечатать!Если я буду продолжать по этому пути, если я не могу найти способ таргетинга только этого конкретного поведения, я в конечном итоге, скрипт цельные в contenteditable поведения!

1004 * Как сохранить свиток, в котором пользовательхочешь?

Как алоха и CKeditor управляют этим ??

РЕДАКТИРОВАТЬ: Это происходит, даже если div окна редактора установлен на переполнение: скрыто! 

<div id="editor-window" class="hbox flex">
    <div id="editor" >
        <div id="editor-content" contenteditable>
            <p class="slug"></p>
        </div>
    </div>
</div>

РЕДАКТИРОВАТЬ: На самом деле я обнаружил, что это не просто прокрутка, чтобы поместить курсор в нижней части, его прокрутка кажется довольно хаотичным.Курсор не покидает экран, который, как я предполагаю, является целью такого поведения, но тем не менее он ошибочен.

1 Ответ

0 голосов
/ 21 февраля 2011

Если вы посмотрите достаточно глубоко или просто "осмотрите элемент" рядом с редактором, вы обнаружите, что он основан на iframe.

Я бы не рекомендовал вам продолжать разработку с использованием div в качестве этапа. Кроме того, iframe решит вашу проблему с прокруткой. Вот ссылка, которая показывает, как вставить HTML в iframe, созданный с помощью JavaScript здесь

Удачи!

...