Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.09.2012, 23:02
Интересующийся
Отправить личное сообщение для seoneo Посмотреть профиль Найти все сообщения от seoneo
 
Регистрация: 27.01.2012
Сообщений: 20

WYSIWYG создать кросбраузерный редактор за $
Нужно написать несколько кросcбраузерных функций для реализации редактора WYSIWYG и прикрутить к моему шаблону
Вот этот редактор http://vulk.ru/page/view/11/ полное говно, такого говнокода не нужно

Кто сможет написать несколько кросбраузерных функций с подробными комментариями для меня за 30$ + по возможности прикрепить их к редактору

Функции (лучше конечно чтобы одна дополняла другую вот в такой последовательности):

- получить выделенный текст и вывести его на экран
- заключить выделенный текст в переданный функции тег (с параметрами), если нет выделения то создать пустой тег в месте мигания курсора (чтобы при печате печаталось в этом теге)

function add_tag(tag,param) {
//где tad = допустим 'span'
//где param = например 'style="color:#ff0000;"'
}


или

function add_tag(elm) {
//где elm = указатель на элемент
}




- удалить переданный функцию тег если выделенный текст находится в нем, либо если мигающий курсор находится в нем

function delete_tag(tag) {
//где tad = допустим 'span'
}



- функция проверка вложенности, вывести на экран количество тегов в которых находится выделенный тег, либо мигающий курсор

function count_tag() {
//например для кода <body><h1><span>выделенный текст</span></h1></body> выведет число 2
//для <body><span>выделенный текст</span><h1></h1></body> выведет 1
}


- исходя из вышеописанной функции сделать возможность перебирать эти теги и удалять не нужные с помощью функции delete_tag()

____________________________

Эти функции первое что пришло на ум, но это может быть и не верное решение
Поэтому не обязательно их делать такими как я написал, главное чтобы была возможность вставлять теги, удалять теги, получать выделенный текст и курсор, в общем реализовать качественный кросбраузерный редактор

в архиве прикрепил сам шаблон редактора к которому нужно написать события для каждой кнопки

шаблон редактора:
http://dump.ru/file/5841120
http://www.onlinedisk.ru/file/937519/


В общем чем будет более качественный код и чем проще мне будет его понять чем он будет профессиональней тем больше $ смогу перечислить за работу

+

Суть работы не сделать за меня редактор, а реализовать функции для моего быстрого обучения и самостоятельного допиливания, экономии моего времени, поэтому код должен быть построчно прокомментирован
чтобы я потом не рылся в документации, все равно буду его подправлять и переделывать по своему вкусу (т.е. нужны универсальные функции как я написал выше)

тупое применение execCommand( мне не нужно
функции должны оперировать selection.createRange , getSelection и подобной темой работы с элементами dom
и главное все должно работать во всех браузерах

До того как написать это сообщение я прочитал массу всего

http://vremenno.net/js/free-wysiwyg-editors-review/
http://nicedit.com/demos.php
http://www.openwebware.com/wysiwyg/demo.shtml
http://www.solmetra.com/en/disp.php/...w/en_spaw_demo
http://koivi.com/archives/WYSIWYG-Editor/
http://www.themaninblue.com/experiment/widgEditor/
http://habrahabr.ru/post/38077/
http://2007.fastcoder.ru/articles/?aid=609
http://myrusakov.ru/js-create-editor.html
http://webcache.googleusercontent.co...=ru&lr=lang_ru
и т.д.

Пожалуйста не используйте чужие коды я сразу пойму откуда они взяты

со мной проще всего связаться через мэил агент или почту
function-@mail.ru


P.S. мне писать еще огромное количество кода, поэтому не хочу тратить свое время на рытье в документации и эксперементах что работает в опера а что нет, что в осле что в мазиле
как я понял нужно учитывать 3 браузера IE/Opera/Mozzila (и ему подобные браузера), в общем это тоже нужно учесть при разработке

Последний раз редактировалось seoneo, 02.09.2012 в 23:07.
Ответить с цитированием
  #2 (permalink)  
Старый 03.09.2012, 00:05
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Сообщение от seoneo
30$
За 30 баксов я могу сделать так: document.execCommand( 'bold', false, null );
__________________
"Matreshka is fucking awesome" © чувак с Reddit
Matreshka.js - Три возможности
Ответить с цитированием
  #3 (permalink)  
Старый 03.09.2012, 00:19
Интересующийся
Отправить личное сообщение для seoneo Посмотреть профиль Найти все сообщения от seoneo
 
Регистрация: 27.01.2012
Сообщений: 20

Сообщение от FINoM Посмотреть сообщение
За 30 баксов я могу сделать так: document.execCommand( 'bold', false, null );
ну это и понятно, если учесть что более сложное ты просто не сможешь сделать
Ответить с цитированием
  #4 (permalink)  
Старый 03.09.2012, 00:24
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Сообщение от seoneo
ну это и понятно, если учесть что более сложное ты просто не сможешь сделать
За 2 кило колбасы (30 баксов) таки да, не смогу сделать.
__________________
"Matreshka is fucking awesome" © чувак с Reddit
Matreshka.js - Три возможности
Ответить с цитированием
  #5 (permalink)  
Старый 03.09.2012, 00:26
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

seoneo,
Не наю - за 30$ вряд ли кто будет писать спецом под Ваши нужды - сходите на сайт девелоперов - если у кого есть что-то готовое решение под Ваши нужды - скорее всего выложит...

Сообщение от seoneo
Вот этот редактор http://vulk.ru/page/view/11/
http://vulk.ru/page/view/11/ Поищите в Инете - есть более приличное и продвинутое с оформлением под HTML 5
Визивиг онлайн в Гугле набирали ?
Ответить с цитированием
  #6 (permalink)  
Старый 03.09.2012, 00:51
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от Deff
Не наю - за 30$ вряд ли кто будет писать спецом под Ваши нужды
это да. Но тс, вроде как, просит несколько функций

seoneo, если не очень срочно, напишите мне лс
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #7 (permalink)  
Старый 03.09.2012, 01:04
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

Надож не просто написать редактор но ещё и обучить неизвестно кого.
Адский геморрой гарантирован. Сомнительно что кто-то будет этим заниматься(по крайней мере до конца) меньше чем за 1килобакс.
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кросбраузерный редактор iframe seoneo Элементы интерфейса 1 28.08.2012 18:18
Новый WYSIWYG редактор, идеи, предложения, советы Logo Общие вопросы Javascript 4 27.05.2011 03:24
Подскажите бесплатный WYSIWYG редактор. dark777 Общие вопросы Javascript 1 26.01.2011 09:17
ищу WYSIWYG редактор Sub-zerro Общие вопросы Javascript 4 29.12.2010 17:43
JavaScript Редактор WYSIWYG - редактирование текстов banyman Элементы интерфейса 23 26.05.2008 15:16