Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: WYSIWYG-редактор (html-версии) - Как они работают ?!
 
 автор: DDK   (12.04.2006 в 00:49)   письмо автору
 
 

Мне вот интересно, как работают эти самые редакторы ?! На каких технологиях они основаны, что ведь умудряются работать во всех браузерах !??

   
 
 автор: codexomega   (12.04.2006 в 04:23)   письмо автору
 
   для: DDK   (12.04.2006 в 00:49)
 

А вы попробуйте порыться в коде одного из таких, вот к примеру Open Source редактор с открытым кодом:
http://www.fckeditor.net/
http://wiki.fckeditor.net/

   
 
 автор: 12345   (12.04.2006 в 12:13)   письмо автору
 
   для: DDK   (12.04.2006 в 00:49)
 

Используется designMode фрейма iframe. В Опере не работают, будут в 9-й версии. Вариант contentEditable любого тега - только для IE и в кроссбраузерных не используется.

   
 
 автор: DDK   (12.04.2006 в 19:10)   письмо автору
 
   для: 12345   (12.04.2006 в 12:13)
 

Вот на этом спасибо ! До такой мысли я не доходил, да и если честно, не знал вообще, что объекты могут отображаться в designMode. Буду знать ! Теперь всё ясно собственно.

   
 
 автор: 12345   (12.04.2006 в 19:27)   письмо автору
 
   для: DDK   (12.04.2006 в 19:10)
 

Только iframe (для FF)

   
 
 автор: _query   (09.07.2006 в 02:53)   письмо автору
 
   для: 12345   (12.04.2006 в 19:27)
 

Залез я на http://wiki.fckeditor.net/
Впечатляет.
Сложно в нем разобраться скачать себе и интегрировать в своих приложения?
И что дадут если пожертвовать им денег, как они просят сколько нибудь 50 или 175$ или больше? ...Я пока не понял...
Кто нибудь знает?

   
 
 автор: _query   (11.07.2006 в 19:48)   письмо автору
1.1 Кб
 
   для: _query   (09.07.2006 в 02:53)
 

Упростил найденый где то скрипт ближе к своим нуждам
Вопрос в том как все то что я вижу и набрал в Iframe передать обработчику например на другую страницу который все это запишет?
Вот код во вложенном файле для наглюдности что он делает.
Только нажимаешь передать и ничего не передастся...

<script>
    onload=function(){editFrame.document.designMode='on';setTimeout(ff,99);
    }
    ff=function(){editFrame.focus();}
    //onscroll=function(){alert(3);}editFrame.document.body.innerHTML='<font face=Verdana><div>4657658</div></font>'
</script>

<B>Фрейм с designMode</B><br>
<form action="2.php" method="get">
<iframe name=editFrame style=margins:2 src='javascript:document.write("<body bgcolor=eeeeee topmargin=2 leftmargin=4><basefont face=Verdana></font>");document.close();'></iframe><br>
<input name="" type="submit">
</form>
<img src=snow.gif onclick="editFrame.document.body.innerHTML+='<img src='+this.src+'>';"> - эту картинку можно затащить в поле ввода выше (фрейм) или вставить по клику.<br>
<a href=# onclick="editFrame.document.body.innerHTML+='<b>жирный</b>';"> - жирный.</a><br>
<a href=# onclick="editFrame.document.body.innerHTML+='<i>курсив</i>';"> - курсив.</a><br>
<a href=# onclick="editFrame.document.body.innerHTML+='<b><i>курсив</i></b>';"> - жирный курсив.</a><br>
    
<script>c='основание';
s='';
for(i=0;i<c.length;i++){
    s+=c.charCodeAt(i)+' ';
}//alert(s);
</script>


P/S/ ой а что это он htm файл сохранил как txt... понятно конечно ваша политика безопасности просто надеялся почему то что интерес откроет и в броузере сразу все увидит...

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования