Отмена вставки текста из буффера во фрейм wysiwyg-редактора
Клиент захотел сделать мини-wysiwyg редактор, как в одноклассниках. Все функции я сделал (вставку смайликов, размеры, цвет текста, итп), но осталась одна проблема - когда пользователь вставляет текст из буффера он не очищается.
Висивиг находится в iframe, который потом NewTextArea.document.designMode Первая главная задача, которую я никак не могу выполнить - это как повесить на поле висивига обработчик события вставки, чтобы хотя бы блокировать вставку и выводить сообщение, что встаку нужно выполнять нажатием на кнопку в панели инструментов, которая будет выводить фрейм с текстареа, в которую нужно будет вставить и нажать на кнопку, потом просто этот текст очитситься и вставиться уже в висивиг. Это план минимум, а в идеале, лучше бы автоматически очищать вставленный текст в висивиг Прошу помощи, хотя бы, в плане-минимум :) Заранее благодарствую |
Насколько я понял, форматированный текст вставляецо только в ИЕ... Если так, то у него есть инструменты для работы с буфером:
Цитата:
|
Цитата:
Мне вот сейчас какой алгоритм пришел в голову: 1. Пользователь вставляет текст 2. Срабатывает событие onbeforepaste 3. Обработчик на этом событии открывает див с текстареа и ставит туда курсор (в данном случае возможно, что текст туда вставиться?) 4. Если текст туда не вставиться автоматом, то в этом окне указать, что нужно тут вставить текст и нажать на ОК 5. ПРи нажатии на ОК скрипт вставляет этот текст в позицию курсора в висивиге Это оптимальный алгоритм, если не получится в браузерах, кроме ИЕ, автоматом очистить текст и сразу вставить в висивиг Вот и возникает главный вопрос: Куда указывать обработчик этого события. Дополнительная инфа: Поле висивига находится во фрейме: <iframe id='frm' class='editor_iframe'></iframe> Инициализация висивига: var NewTextArea={ frame:{}, document:{}, window:{}, init:function(frame){ NewTextArea.frame=frames[frame]?frames[frame]:document.getElementById(frame);//IE, Opera - frames.document, другие - ById.document if (!NewTextArea.frame){ //alert("Ошибка ID"); return -1; } //1) получить указатель NewTextArea.document=NewTextArea.frame.contentDocument || NewTextArea.frame.document; if (!NewTextArea.document){ //alert("Ошибка iframe"); return -2; } NewTextArea.window=NewTextArea.frame.contentWindow || NewTextArea.frame.window; if (!NewTextArea.window){ //alert("window"); return -2; } //2) Оформить iframe HTML документ var HTML = "<html><head></head>"; HTML += "<body></body></html>" NewTextArea.document.open(); NewTextArea.document.write(HTML); NewTextArea.document.close(); //3) Установить designMode if (NewTextArea.document.designMode){ NewTextArea.document.designMode='on'; }else{ alert("Ошибка designMode"); return -3; } } } Обязательно прописать в боди: <BODY onload="NewTextArea.init('frm');"> |
В CKEditor не прбовали посмотреть, как работает?
Предположительно в файле _source\plugins\clipboard\plugin.js функция onKey (line #116). |
Цитата:
|
Нашел на форуме тему тема. Там указано как вешать событие на нажатие кнопки в iframe
Вот это: var iframe = document.getElementById("идентификатор_фрейма"); var iframeDocument = iframe.contentDocument || iframe.contentWindow.document; iframeDocument.designMode = "On"; iframeDocument.onkeypress = function(e) { … }; Его адаптировал для своего скрипта: var NewTextArea={ frame:{}, document:{}, window:{}, init:function(frame){ NewTextArea.frame=frames[frame]?frames[frame]:document.getElementById(frame);//IE, Opera - frames.document, другие - ById.document if (!NewTextArea.frame){ //alert("Ошибка ID"); return -1; } //1) получить указатель NewTextArea.document=NewTextArea.frame.contentDocument || NewTextArea.frame.document || NewTextArea.frame.contentWindow.document; if (!NewTextArea.document){ //alert("Ошибка iframe"); return -2; } NewTextArea.window=NewTextArea.frame.contentWindow || NewTextArea.frame.window; if (!NewTextArea.window){ //alert("window"); return -2; } //2) Оформить iframe HTML документ var HTML = "<html><head></head><body>"; HTML += "</body></html>" NewTextArea.document.open(); NewTextArea.document.write(HTML); NewTextArea.document.close(); //3) Установить designMode if (NewTextArea.document.designMode){ NewTextArea.document.designMode='on'; }else{ alert("Ошибка designMode"); return -3; } NewTextArea.document.onkeypress = function(e) { alert('УРААА!!!'); }; } } Но все ровно при вводе текста в редактор, "УРААА!!!" не выводится :( Что я неправильно делаю? |
|
Цитата:
|
Цитата:
Тогда хотя бы на вставку текста или как минимум на нажатие кнопки клавиатуры |
Цитата:
Цитата:
|
Часовой пояс GMT +3, время: 10:12. |