Wordlike экран ввода на веб-сайте (docs.google или hotmail) javascript php - PullRequest
0 голосов
/ 15 августа 2011

Я верю, что название уже говорит само за себя, но вот мой вопрос:

я хочу знать, как реализовать экран ввода «бумажка» в стиле Word Word. Я хочу создать своего рода «средство визуализации информационных рассылок», которое я хочу показать пользователю для такого экрана. Единственное решение, о котором я мог подумать, это большой <textarea> с некоторыми стилями CSS.

(я уже искал в сети, но ничего не нашел) Извините за письмо, я не очень хорош в английском.


Теперь я использую основанный на JavaScript "WYSIWYG редактор". Это «работает», но для моего собственного бэкэнда по электронной почте (впереди) мне нужно получить значение оттуда Iframe.

идентификатор iframe: #content_ifr. в iframe (что я нашел) есть элемент

, в который помещается мой / ваш отправленный текст.

Но если я добавлю следующий код в консоль, я получу "пустую строку": console.debug ($ ( "# content_ifr") содержание () найти ( "р") содержание () Вал ()....)

или "undefined":

console.debug (.. $ ( "# Content_ifr") содержание () найти ( "р") содержание () значение..);

что делать? : O

Я поставлю последнюю версию онлайн как можно скорее: http://dominiquedebrabander.nl/nieuwsbrief


обновление: console.debug (tinyMCE.get ('content'). startContent) - это способ получить содержимое из iframe. (не так ли?) спасибо (2 тридцать дот;))

Я думаю, что мне здесь помогли, но у меня остался 1 маленький вопрос (только потому, что мне любопытно), как они получают выбранный текст? (для подчеркивания и жирного шрифта выделенного текста).
"window.getSelection ()" не похоже на работу? или я что то не так делаю? : O

1 Ответ

4 голосов
/ 15 августа 2011

я хочу знать, как реализовать экран ввода "бумажки" в стиле Word Word

Звучит так, как будто вы ищете "WYSIWYG редактор" на основе JavaScript.

Попробуйте TinyMCE , вот соответствующее демо .

...