Wordlike экран ввода на веб-сайте (docs.google или hotmail) javascript php
Я верю, что название уже говорит само за себя, но вот мой вопрос:
я хочу знать, как реализовать экран ввода "бумажка" в стиле Word Word. Я хочу создать своего рода "средство визуализации информационных рассылок", которое я хочу показать пользователю для такого экрана. Единственное решение, которое я мог придумать, было большим <textarea> с некоторыми стилями CSS.
(Я уже искал в Интернете, но все еще ничего не нашел) Извините, что пишу, я не так хорош в английском.
Я использовал "WYSIWYG редактор" на основе JavaScript. Это "работает", но для моего собственного почтового бэкэнда (впереди) мне нужно получить значение от там Iframe.
Идентификатор iframe: #content_ifr . в iframe (что я нашел) есть элемент
, в который помещается мой / ваш отправленный текст.
Но если я добавлю следующий код в консоль, я получу обратно "пустую строку": console.debug($("#content_ifr"). Contents (). Find ("p"). Contents (). Val());
или "неопределенный":
console.debug ($ ("# content_ifr") содержание () найти ("р") содержание () значение....);
что делать?:O
Я выложу последнюю версию онлайн как можно скорее: http://dominiquedebrabander.nl/nieuwsbrief
update: console.debug (tinyMCE.get ('content'). startContent) - это способ получить содержимое из iframe. (не так ли?) спасибо (2 тридцатки;))
Я думаю, что мне здесь помогли, но у меня остался 1 маленький вопрос (только потому, что мне любопытно), как они получают выбранный текст? (чтобы подчеркнуть подчеркивание и выделение жирным шрифтом выделенного текста).
"window.getSelection ()" не похоже на работу? или я что-то не так делаю?:O
1 ответ
то, что я хочу знать, - как реализовать офисный экран ввода Wordlike "листок бумаги"
Похоже, вы ищете основанный на JavaScript "WYSIWYG редактор".
Попробуйте TinyMCE, вот соответствующая демонстрация.