При мысли о WYSIWYG редакторах, у большинста людей вознтикает образ некоего word-о подобного монстра типа CKEditor или TinyMCE. Да что греха таить, эти строки также пишутся на CKEditor'е. И эту черезчур длинную абревиатуру не каждый запомнит. Лично я запомнил только ее расшифровку What You See Is What You Get, что переводится как "Что Ты Видишь То Ты и Получишь". И каждый раз когда я пишу "WYSIWYG" прокручиваю в голове всю фразу целиком. Однако, в этом сложном названии и скрыт весь смысл работы подобных редакторов, и в жизни вы их встречаете гораздо чаще чем можете себе представить. Фотошоп, MSWord, любые графические редакторы это тоже wysiwyg, даже когда вы правите обычный текстовый файл в блокноте он тоже является на тот момент редактором подобного типа, конечно если вы не правите файл с расширением html. Редакторы окружают нас по всюду. Фотоаппарат в котором вы вольны выбирать вставлять или не вставлять дату в получившийся снимок тоже является wysiwyg редактором. 

 Я столько раз повторил эту абревиатуру что вы уже наверное запомнили.  Вам наверное даже стала ясна его суть: видеть и редактировать конечный результат работы.  

Этот JavaScript код используется для кодирования / декодирования данных с использованием base64 (кодировка эта разработана, чтобы можно было перегонять двоичные данные через текстовые транспортные слои, которые не являются 8-битными, к примеру, http). Сценарий полностью совместим с UTF-8 кодировкой. Вы можете использовать формат base64 как очень простой механизм шифрования. Разумеется, это не является шифрованием, но скрыть от любопытных глаз что-то, к примеру в cookie сойдет. Для php аналогичные функции base64_encode и base64_decode встроены в ядро, для js же пока приходится использовать самописные функции. Если вы планируете использовать кодировку UTF-8 в проекте, не забудьте установить кодировку страницы на UTF-8 .  

Пишу эту заметку скорее для себя, чтобы в другой раз не гуглить Координаты элемента на странице. Довольно сложная и часто встречающаяся задача - кроссбраузерно, точно определить в какой именно позиции находится DOM элемент. У элементов есть свойства, которые возвращают отступы, но те, кто хоть раз пытался написать код для нескольких браузеров, знает, что они совершенно не работают. Тонкости типа прокрученной страницы или отступов других элементов находящихся выше, у меня отбивают желание самому искать решение проблемы. Поэтому в результате небольших поисков был найден этот скрипт. О том, как он работает можете почитать тут на сайте автора. Нам же важен конечный результат

При написании одного парсера передо мной встала задача предоставить пользователю возможность самому выбирать ту часть страницы которую он хотел бы спрарсить. Сделать я это решил на базе WYSWYG редактора JWYSWYG, он очень легкий, кросбраузерный, написан на моем любимом JQuery и легко поддается модификации. Кроме того я встроил в него функцию автоперевода выделенного текста при помощи Google Tranlate Ajax API. От слов к делу. Оказалось что задача не настолько тривиальна как кажется с первого взгляда. Получить со страницы надо было именно кусок выделенного HTML а не тот текст, который собственно попадет в буфер обмена если нажать кнопку копирования.

UPD. Судя по поисковым запросам, много людей ищут не теорию, а готовое решение на jQuery. Дабы не смущать Вас лишней информацией можете сразу пройти на страницу с готовым плагином на JQuery и пример его использования

Lisp? Scheme? Erlang, Haskell? Они забыты! Наиболее широко известный язык функционального программирования  это Javascript. JavaScript маскируется под процедурный язык до тех пор пока вы не будете готовы перейти на новый уровень понимания.

Подкатегории

Все о разработке на библиотеке jQuery