
31.01.2013, 13:46
|
Интересующийся
|
|
Регистрация: 03.06.2012
Сообщений: 10
|
|
Wysiwyg. С чего начать?
Приветствую. Подскажите новичку в js, пожалуйста, хочется создать велосипед в виде редактора-html, в какую степь копать? нагугливал два способа реализации, мол один использовать редактирование встроенными средствами браузера, а второй - полная эмуляция на js. Вот хочется опробовать второй вариант. Скажем, в какую сторону копать обработку свойств выделенного текста? или, допустим, реализацию подобной фичи - перетаскиваешь картинку из папки в окно редактора, та автоматически загружает ее на сервер и показывает в определенной миниатюре уже в редакторе?
|
|

31.01.2013, 14:16
|
Профессор
|
|
Регистрация: 04.02.2011
Сообщений: 1,815
|
|
Мне более симпотично средствами браузера 
Должно работать во всех современных браузерах включая ie9.
<!DOCTYPE HTML>
<html>
<head>
<style>
td{
border:1px solid red; padding:5;border-collapse:collapse;
}
</style>
</head>
<body>
<button onClick="document.execCommand('bold', false, null);"> Жирный</button>
<button onClick="document.execCommand('italic', false, null);"> Наклон</button>
<button onClick="document.execCommand('insertunorderedlist', false, null);"> список</button>
<button onClick="document.execCommand('Delete', false, null);"> Удалить </button>
<div id="myDiv" contenteditable="true">
<h1>Список</h1>
<ul id="todolist">
<li>Купить123123 молок</li><li>Починить дверь</li>
<li>Отредактировать список!</li>
</ul>
<h1>Таблица</h1>
<table class="tab">
<tr><td>Ячейка 1</td><td>Ячейка 2</td></tr>
<tr><td>Ячейка 1</td><td>Ячейка 2</td></tr>
</table>
</div>
</body>
</html>
список команд http://blog.in16.ru/index.php/2010/07/22/execcommand/
описуха Rich Text Editing на MDN + пример толкового редактора
__________________
Лучше калымить в гандурасе чем гандурасить на колыме
Последний раз редактировалось DjDiablo, 31.01.2013 в 15:05.
|
|

31.01.2013, 14:51
|
Интересующийся
|
|
Регистрация: 03.06.2012
Сообщений: 10
|
|
благодарю за ссылку и спорить не буду, что лучше, мне просто из спортивного интереса хочется узнать, как средствами js происходит работа над выделенными кусками текста и обработка событий, такие, как перетаскивание изображения в поле редактирования
|
|

31.01.2013, 16:28
|
 |
Сам по себе
|
|
Регистрация: 09.06.2009
Сообщений: 963
|
|
|
|

31.01.2013, 18:20
|
 |
Профессор
|
|
Регистрация: 05.06.2009
Сообщений: 1,703
|
|
Имхо: проще всего допилить Ace
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
|
|

31.01.2013, 19:42
|
 |
Быдлокодер;)
|
|
Регистрация: 19.11.2010
Сообщений: 4,338
|
|
Сообщение от Tim
|
Имхо: проще всего допилить Ace
|
Мне кажется человек хочет принципиально написать свой велосипед с целью обучения
|
|

31.01.2013, 23:42
|
 |
Профессор
|
|
Регистрация: 05.06.2009
Сообщений: 1,703
|
|
kobezzza,
Многовато будет затруднений для новичка. Одно кроссбраузерное выделение текста чего стоит.
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
|
|

01.02.2013, 01:05
|
 |
猫
|
|
Регистрация: 07.06.2007
Сообщений: 7,504
|
|
Сообщение от Tim
|
Многовато будет затруднений для новичка. Одно кроссбраузерное выделение текста чего стоит.
|
Предлагаешь забить?
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
|
|

01.02.2013, 09:23
|
 |
Профессор
|
|
Регистрация: 05.06.2009
Сообщений: 1,703
|
|
Gozar,
Почему бы и нет?
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
|
|

01.02.2013, 12:44
|
 |
猫
|
|
Регистрация: 07.06.2007
Сообщений: 7,504
|
|
Сообщение от Tim
|
Почему бы и нет?
|
Почему бы не забить на программирование?
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
|
|
|
|