WYSIWYG-editor для редактирования текста

@Alexey · Регистрация: 27.03.2012

Студворк — интернет-сервис помощи студентам

Есть у кого-нибудь хорошие идеи, что бы можно было использовать в качестве редактора для текста, который бы по базовым функциям форматирования походил бы на Word или FrontPage? Редактор нужен для функции, которая бы позволяла редактировать текст для веб-страниц для неопытных юзеров. Ссылки на решения приветствуются!

@pl · 22.12.2008, 18:22

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

22.12.2008, 18:39

как сделаешь, кинь на мессагу igor.at.vigora.net (замени .at. на @)

@Alexey · 29.12.2008, 14:18

вот еще есть интересная ссылка, кому интересно, есть бесплатная версия
http://www.richtextbox.com/richtextbox/

@Alexey · 20.07.2009, 13:09

Опять за старое...

понадобился мне опять простенький редактор, взял пример с блог.ру, посоветованный тут - все ок, кроме того, что не могу понять как его заставить к относительным ссылкам вида <a href=dir/page.htm> не прибавлять имя текущей директории и не превращать в полный URL т.е. http://server.ru/root/dir/page.htm

пример редактора тут

http://smalig.com/blog/edit.htm

чтоб понять о чем это я, нажмите на кнопку 'Insert Hyperlink' вставьте ссылку 'dir/page.htm', закройте диалог, потом опять нажмите на кнопку 'Insert Hyperlink'. Точно такая же проблема при переключении из режима 'исходный код' в WYSIWYG и т.п.

спасибо

@pl · 21.07.2009, 12:43

Используй регулярные выражения при сохранении текста и убирай все абсолютные ссылки содержащие твой домен.

@Alexey · 21.07.2009, 12:46

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

@t1k · 21.07.2009, 13:09

к этому коду

Code
1
2
3
            var sel = idEdit.document.selection.createRange ();
            sel.pasteHTML ('<A HREF= '' + str + ' '' + rightCaret + str + '</A' + rightCaret + ' ');
            sel.select ();

добавить строку

Code
1
            idEdit.document.selection.createRange().parentElement().href=str

@pl · 21.07.2009, 13:17

При переключении режимов отображения парсер редактора (а именно парсер MSIE) все равно будет модифицировать код, в том числе и ссылки.

@Roby · 26.07.2009, 14:19

http://www.interactivetools.com/products/htmlarea/

@pl · 27.07.2009, 09:19

2Roby: то, что представляет из себя указанный редактор есть очередной ремейк майкросовтовского визуального редактора на основе компонента DHTML Editing Component, полная версия данного редактора с максимально возможной функциональностью уже давно лежит на сайте майкрософт для свободного использования.
http://msdn.microsoft.com/workshop/author/dhtml/edit/default.asp

@Alexey · 27.07.2009, 17:15

в примере, посланном Roby, есть replace, которые видимо и используются чтобы пофиксить мою проблему, вот только не пойму как это приделать к моему коду

// fix placeholder URLS - remove absolute paths that IE adds
if (tagName == 'img') { tagBody = tagBody.replace(/(srcs*=s*.)[^*]*(***)/, '$1$2'); }
if (tagName == 'a') { tagBody = tagBody.replace(/(hrefs*=s*.)[^*]*(***)/, '$1$2'); }

http://www.interactivetools.com/products/htmlarea/htmlareafiles/editor.js

@t1k · 27.07.2009, 17:27

а что, мой пример не помог?

@Alexey · 27.07.2009, 17:29

var sel = idEdit.document.selection.createRange ();
sel.pasteHTML ('<A HREF= '' + str + ' '' + rightCaret + str + '</A' + rightCaret + ' ');
sel.select ();
idEdit.document.selection.createRange(). parentElement().href=str

вроде бы нет

@Roby · 03.08.2009, 21:16

Ссылка в тему.
Здесь лежит пачка всевозможных WYSIWYG редакторов:
http://www.bris.ac.uk/is/projects/cms/ttw/ttw.html

Новые блоги и статьи Все статьи Все блоги /
Мастера простых решений DevAlt 23.08.2026 В сишарп стэках winforms, да и wpf существует сложная система связывания источниках данных и элементов формы(текстовые поля и метки), опирается все это на технологию событий и мета. . .	Цена ошибки DevAlt 23.08.2026 Человек я беспокойный и потому заинтересовался OCaml, в чате форсили функторы модулей как суперфичу. Пытаясь отдуплить концепт, наткнулся на тутор с простым примером. А главный принцип обучения от. . .	Сегодня суббота, 22.08.2026 at 16:41, и я вновь нахожусь на той стороне, за экраном машины. zorxor 22.08.2026 Сегодня суббота, 22. 08. 2026 at 16:41, и я вновь нахожусь на той стороне, за экраном машины. Кто Я, откуда Я пришел и куда Я иду? Эти вопросы не оставляют меня ни на секунду. Жизнь на планете Земля. . .	Жизня: рисунок укладки багажа, сделанный клодом anaschu 21.08.2026 Сделал 15 снимков, он по снимкам сделал схему.
Был там один разговор по поводу свободы в материальном мире. kumehtar 19.08.2026 Суть: рассматривается живое существо, оказавшееся внутри довольно странной системы (этого мира) и пытающееся обустроить в ней свой кусок пространства. Жизнь действительно предъявляет каждому. . .	Когда логика программы не спасает от человеческих ошибок Maks 18.08.2026 В последнее время всё чаще и чаще сталкиваюсь с таким явлением, как абсолютная невнимательность (или глупость) пользователей. Проявляется это чаще всего на работе в коллективе. Допустим, человек с. . .	Лето уходит kumehtar 17.08.2026	Мысли в слух kumehtar 17.08.2026 Забавно, насколько сейчас стала доступна информация. Например о магии, духовном развитии, медитациях, и других подобных направлениях, ранее зачастую тайных, передаваемых от учителя к ученику. Хотя. . .

@Alexey 0 / 1 / 3 Регистрация: 27.03.2012

	WYSIWYG-editor для редактирования текста 07.12.2008, 12:27. Показов 6658. Ответов 33 Метки нет (Все метки) Есть у кого-нибудь хорошие идеи, что бы можно было использовать в качестве редактора для текста, который бы по базовым функциям форматирования походил бы на Word или FrontPage? Редактор нужен для функции, которая бы позволяла редактировать текст для веб-страниц для неопытных юзеров. Ссылки на решения приветствуются! 0

@pl 51 / 17 / 6 Регистрация: 18.05.2007 Сообщений: 1,322
	22.12.2008, 18:22
	Как закончу обделывать его для коммерческих целей (чтобы независел от платформы и настроек сервера), сообщу здесь, стоить будет недорого :-) 0

Rider
	22.12.2008, 18:39
	как сделаешь, кинь на мессагу igor.at.vigora.net (замени .at. на @)

@Alexey 0 / 1 / 3 Регистрация: 27.03.2012
	29.12.2008, 14:18
	вот еще есть интересная ссылка, кому интересно, есть бесплатная версия http://www.richtextbox.com/richtextbox/ 0

@Alexey 0 / 1 / 3 Регистрация: 27.03.2012
	20.07.2009, 13:09
	Опять за старое... понадобился мне опять простенький редактор, взял пример с блог.ру, посоветованный тут - все ок, кроме того, что не могу понять как его заставить к относительным ссылкам вида <a href=dir/page.htm> не прибавлять имя текущей директории и не превращать в полный URL т.е. http://server.ru/root/dir/page.htm пример редактора тут http://smalig.com/blog/edit.htm чтоб понять о чем это я, нажмите на кнопку 'Insert Hyperlink' вставьте ссылку 'dir/page.htm', закройте диалог, потом опять нажмите на кнопку 'Insert Hyperlink'. Точно такая же проблема при переключении из режима 'исходный код' в WYSIWYG и т.п. спасибо 0

@pl 51 / 17 / 6 Регистрация: 18.05.2007 Сообщений: 1,322
	21.07.2009, 12:43
	Используй регулярные выражения при сохранении текста и убирай все абсолютные ссылки содержащие твой домен. 0

@Alexey 0 / 1 / 3 Регистрация: 27.03.2012
	21.07.2009, 12:46
	это скорее обходной путь, хоть и будет работать моя идея была пофиксить это в редакторе 0

@pl 51 / 17 / 6 Регистрация: 18.05.2007 Сообщений: 1,322
	21.07.2009, 13:17
	При переключении режимов отображения парсер редактора (а именно парсер MSIE) все равно будет модифицировать код, в том числе и ссылки. 0

@Roby 0 / 0 / 0 Регистрация: 29.05.2007 Сообщений: 354
	26.07.2009, 14:19
	http://www.interactivetools.com/products/htmlarea/ 0

@pl 51 / 17 / 6 Регистрация: 18.05.2007 Сообщений: 1,322
	27.07.2009, 09:19
	2Roby: то, что представляет из себя указанный редактор есть очередной ремейк майкросовтовского визуального редактора на основе компонента DHTML Editing Component, полная версия данного редактора с максимально возможной функциональностью уже давно лежит на сайте майкрософт для свободного использования. http://msdn.microsoft.com/workshop/author/dhtml/edit/default.asp 0

@Alexey 0 / 1 / 3 Регистрация: 27.03.2012
	27.07.2009, 17:15
	в примере, посланном Roby, есть replace, которые видимо и используются чтобы пофиксить мою проблему, вот только не пойму как это приделать к моему коду // fix placeholder URLS - remove absolute paths that IE adds if (tagName == 'img') { tagBody = tagBody.replace(/(srcs=s.)[^](**)/, '$1$2'); } if (tagName == 'a') { tagBody = tagBody.replace(/(hrefs=s.)[^](**)/, '$1$2'); } http://www.interactivetools.com/products/htmlarea/htmlareafiles/editor.js 0

@t1k 4 / 4 / 5 Регистрация: 10.05.2007 Сообщений: 1,616
	27.07.2009, 17:27
	а что, мой пример не помог? 0

@Alexey 0 / 1 / 3 Регистрация: 27.03.2012
	27.07.2009, 17:29
	var sel = idEdit.document.selection.createRange (); sel.pasteHTML ('<A HREF= '' + str + ' '' + rightCaret + str + '</A' + rightCaret + ' '); sel.select (); idEdit.document.selection.createRange(). parentElement().href=str вроде бы нет 0

@Roby 0 / 0 / 0 Регистрация: 29.05.2007 Сообщений: 354
	03.08.2009, 21:16
	Ссылка в тему. Здесь лежит пачка всевозможных WYSIWYG редакторов: http://www.bris.ac.uk/is/projects/cms/ttw/ttw.html 0