[TinyMCE] - редактор HTML WYSIWYG кода.

Опубликовал Василий Демидов (Душелов) в раздел Обмен - Интеграция с WEB

Редактор HTML кода, использующий java-редактор TinyMCE
(использующийся, кстати, на Инфостарте)
Без внешних компонент. Сделан исключительно средствами 1С.

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

 

О редакторе:

TinyMCE (англ. Tiny Moxiecode Content Editor) платформонезависимый Javascript HTML WYSIWYG редактор на основе Web. К основным характеристикам программы относятся поддержка тем/шаблонов, языковая поддержка и возможность подключения модулей (плагинов). Используется в различных системах управления содержимым (CMS)

Редактор позволяет очень многое. C его помощью можно вставлять рисунки, таблицы и указывать стили оформления текста. Можно выполнять операции, присутствующие в более мощных редакторах. Вдобавок к этому существует множество плагинов.

Скачать файлы

Наименование Файл Версия Размер
Редактор, включающий TinyMCE версии 3.2.6
.1252488749 1,09Mb
27.09.09
1109
.1252488749 1,09Mb 1109 Бесплатно

См. также

Добавить вознаграждение
Комментарии
1. dushelov (Душелов) 09.09.09 13:33 Сейчас в теме
Перед получением отредактированного кода, не забывайте нажимать на иконку записи редактора.
2. Алексей Коробов (WiseSnake) 1721 09.09.09 14:12 Сейчас в теме
Просто и со вкусом!
А чего не сделал, чтобы текст можно было скопировать? Из предупреждения плохо копировать. ))
Вообщем-то там и так в редакторе есть кнопка "HTML", так что не важно...
3. dushelov (Душелов) 09.09.09 14:25 Сейчас в теме
(2) Ну это всего лишь демонстрация редактора ;) Далее уже можно использовать, как угодно.
4. dushelov (Душелов) 09.09.09 16:04 Сейчас в теме
Обновление редактора простое: скачивается (http://tinymce.moxiecode.com/download.php) новая версия и перепаковывается архив со скриптами.
5. dushelov (Душелов) 09.09.09 16:20 Сейчас в теме
+ русифицировал редактор и добавил в обработку кнопку принудительно инициализации (для обновления скриптов)
6. Ярослав Радкевич (WKBAPKA) 200 09.09.09 20:20 Сейчас в теме
поставлю плюс, реально человек старался, а то у нас тут народ повадился ставить плюсы не за что!
7. Ярослав Радкевич (WKBAPKA) 200 09.09.09 20:22 Сейчас в теме
а можно поставить еще пять плюсов?
8. Евгений Люлюк (Evg-Lylyk) 1992 10.09.09 00:18 Сейчас в теме
9. Олег Каратаев (Kyrales) 117 10.09.09 05:10 Сейчас в теме
как бы еще научиться красиво в ворд отправлять уже форматированные эти данные
10. dushelov (Душелов) 10.09.09 07:58 Сейчас в теме
(9) На сколько я знаю, ворд умеет открывать html странички.
11. Виталий Барилко (Diversus) 2209 10.09.09 09:55 Сейчас в теме
12. dushelov (Душелов) 10.09.09 10:00 Сейчас в теме
(9) Кстати, через буфер все прекрасно вставляется ;)
13. Евгений Мигачев (Wicked) 58 10.09.09 12:39 Сейчас в теме
Есть более простой пример HTML редактора, но с такими же возможностями:
http://1c-ovec.ru/files/view/3.html

И через буфер можно копировать, таблица Excel 15 на 1000 копируется свободно + поддержка шрифтов и цветов.
14. dushelov (Душелов) 10.09.09 13:45 Сейчас в теме
(13) Более простой? В моей обработке 50 строк кода :)
А зачем ссылки на сторонние ресурсы? Чего сюда не залить?
15. Андрей Скляров (coder1cv8) 3272 10.09.09 15:11 Сейчас в теме
э-э-э... я не понял, Нэт Фреймворк совсем-совсем не нужен?... )
16. Евгений Мигачев (Wicked) 58 10.09.09 16:02 Сейчас в теме
(14) 50 строчек кода и кучу скриптов :)
а ссылка на то где лежит, а сюда может загружу позже...
17. Виталий Сереженко (serezhenko) 418 15.09.09 09:10 Сейчас в теме
(14) Это-же его ресурс, типа раскрутка такая...
18. Алексей Тюрин (SoftBalance) 15.09.09 13:40 Сейчас в теме
Прикольная обработка.
Предложения принимаются?
В процедуру "ЭксплорерДокументСформирован(Элемент)" впиши строчку
"ЭлементыФормы.Эксплорер.Документ.body.scroll = "no";". Убрет не нужный скролинг у самого поля HTML =)
adhocprog; Душелов; +2 Ответить 1
19. sound sound (sound) 518 21.09.09 16:37 Сейчас в теме
(18) спасибо за строчку: ".Документ.body.scroll = "no""... давно искал, и надо же случайно наткнулся :)
20. Mykhailo O (din-din) 69 03.11.09 18:59 Сейчас в теме
Замечательная идея.


(1) Для того, что бы не жать на кнопочку "Сохранить" можно немного доработать обработку

В процедуре ПриОткрытии подключаем обработчик ожидания

Процедура ПриОткрытии()

ПодключитьОбработчикОжидания("СохранитьИзменения",1.5);
КонецПроцедуры

А в процедуре СохранитьИзменения программно "тыкаем" на кнопочку "Сохранить"

Процедура СохранитьИзменения()
Эксплорер.Документ.getElementById("elm1_save").Click();
КонецПроцедуры
AlexanderKai; Larkin; Душелов; +3 Ответить 1
21. dushelov (Душелов) 04.11.09 01:17 Сейчас в теме
22. Mykhailo O (din-din) 69 04.11.09 11:00 Сейчас в теме
(21) Единственное, что может вызывать неудобства - это ошибки выполнения скриптов при вставке объектов, например с OpenOffice.org Calc, не всегда корректно работает и возникает когда есть объединенные ячейки (как мне показалось), тогда текст сохранить не возможно, а окошки с ошибкой с интервалом указанным в таймере просто не дают работать. Поэтому возможно нужен еще и флаг авто сохранения на форме обработки.
23. WellMaster (WellMaster) 97 13.04.10 22:32 Сейчас в теме
Спасибо за обработку!
Встроил HTML-редактор в управляемую форму на 8.2, чем решил проблему острой нехватки полноценного текстового редактора.
24. dushelov (Душелов) 14.04.10 00:21 Сейчас в теме
(23) Выложите в виде отдельной публикации для 8.2 - дружно скажем спасибо :) У самого не хватает времени на нее :)
25. Владислав Ентц (vladen) 80 22.04.10 10:07 Сейчас в теме
Хм... а как отловить событие, например "вставить рисунок"? Есть параметры у данной формы?
:)
Хотелось бы организовать "вставить рисунок" из БД. Благо, 1С уже как 6-7 лет у меет в себе рисунки хранить.
Возможно это, как нибудь, с имитировать. например, закачать сначала необходимые рисунки на диск а там уже список рисунков для подбора готов, а?
Для отображения первичной инфо, аналогично, сначала качаем, потом заменяя ссылки отображаем. Что скажете ?
26. Алексей З (alekse) 13.06.10 16:50 Сейчас в теме
Если нужно сохранить в справочник, то какого типа должен быть реквизит? Куда сохраняются изображения, вставленные в редактор?
27. Алексей З (alekse) 15.06.10 00:38 Сейчас в теме
Если нажать редактирование html, то как потом обратно переключиться в редактор?
28. Игорь Дайнеко (Dnki) 30.11.10 22:22 Сейчас в теме
Сама идея использования такого редактора на скриптах интересна. Я бы не догадался.
Но для меня непонятны вопросы:
- как дать пользователю поменьше инструментов? Один-два рядочка. Остальной функционал в менюшки.
- С сохранением файла в базу как? Я на форме нарисую кнопку [Сохранить]. Тогда зачем кнопка в редакторе? Или как-то можно перехватить ее нажатие?
29. Василий Демидов (Душелов) 3770 01.12.10 07:31 Сейчас в теме
(28) Тут только править ява-скрипты.
30. Максим Чубаров (tycoon_cmn) 20.06.11 17:06 Сейчас в теме
din-din пишет:

Замечательная идея.
(1) Для того, что бы не жать на кнопочку "Сохранить" можно немного доработать обработку
В процедуре ПриОткрытии подключаем обработчик ожидания

Процедура ПриОткрытии()
ПодключитьОбработчикОжидания("СохранитьИзменения",1.5);
КонецПроцедуры

А в процедуре СохранитьИзменения программно "тыкаем" на кнопочку "Сохранить"

Процедура СохранитьИзменения()
Эксплорер.Документ.getElementById("elm1_save").Click();
КонецПроцедуры


Нет, так не работает. Зато работает вот так:


Эксплорер.Документ.parentWindow.ExecScript("tinyMCE.execCommand('mceSave')","JavaScript");
adhocprog; AlexanderKai; Mayak; Larkin; electro_d; +5 Ответить
31. Алексей Козаченко (borman) 71 22.10.11 16:50 Сейчас в теме
супер нужная вещь, спасибо!!!
32. Сергей Федоров (Bober777) 26 05.11.11 13:11 Сейчас в теме
мда, действительно вещь стоящая.
33. розница.net (ZLENKO) 19.04.12 16:51 Сейчас в теме
Огромное спасибо автору !
Встроил в карточку товара в 1С. Прикрутил стиль CSS сайта.
Теперь HTML описания товаров прямо в 1С делают !
34. Гость 18.10.12 11:05 Сейчас в теме
Вечная память автору. покойся с миром.
35. Сергей Камнев (Sergey Kamnev) 18.10.12 20:09 Сейчас в теме
Даёшь репозиторий на GitHUB или Google Code!
36. Саша Безымяный (help1Ckr) 25.12.12 00:39 Сейчас в теме
Спасибо огромное. Реально очень полезная вещь!
37. don_sun don_sun (don_sun) 05.01.13 20:39 Сейчас в теме
Отлична штука, вот только непонятно со вставкой изображений. Через буфер обмена не вставляется, обзора тоже нет, только забивая в адресе прямой путь?
38. Кирилл Самсонов (Vigor06) 04.07.13 14:47 Сейчас в теме
Что то я не понял,А как ее интегрировать то?
39. megatrend - (megatrend) 112 03.09.13 13:50 Сейчас в теме
Почему после кода

ОбластьТекста = Эксплорер.Документ.getElementById("elm1");
ОбластьТекста.innerHTML = Текст1;

у меня содержимое окна не меняется на HTML-код, который находится в Текст1?
Визуально не происходит ровным счетом ничего, хотя переменной ОбластьТекста.innerHTML на самом деле присваивается строка HTML-кода из переменной Текст1.

Какой-то дополнительный метод нужно вызвать для инициализации этой формы ранее записанным HTML-кодом??
40. oleg (opus70) 67 16.09.13 13:22 Сейчас в теме
подскажите где уменьшить форму редактора
кода html по кнопке html не помещается кнопка "Обновить и так далее"
41. Александр Лобачёв (SANILLA) 05.10.13 03:21 Сейчас в теме
Ого какая интересная вещица, + однозначно!!!
42. Александр Лобачёв (Myskyl) 05.10.13 03:23 Сейчас в теме
зашибись, вот только куда её встроить теперь ...
43. Николай (Nick_Godspeed) 08.10.13 14:15 Сейчас в теме
Огромное спасибо. Очень полезная наработка. Фактически теперь cmsный сайт у нас полностью управляется из 1с. Это был последний недостающий кирпич. Искренне желаю успехов автору.
44. Яков Коган (Yashazz) 1957 31.10.13 10:58 Сейчас в теме
Вдруг обнаружил, что забыл плюсануть. Ещё раз спасибо автору, мега-вещь! Отлично идёт в УФ, всё супер.
45. Виталий Фантич (Boudybuilder) 50 10.01.14 00:58 Сейчас в теме
Обработка супер!
Как тут можно сразу получить текст из ДополнительногоОписания Номенклатуры и вставить в обработку для редактирования?
46. Andrey Maevski (t955938) 11.02.14 13:50 Сейчас в теме
Очень интересная работа.
А возможно ли работа данного метода в управляемых формах???
47. zyto (zyto) 11.08.14 23:29 Сейчас в теме
Кому-нибудь удалось заставить эту обработку работать с TinyMCE 4+?
48. pasha (pashamak) 7 17.11.15 12:18 Сейчас в теме
Не работает в УФ в тонком клиенте.
Хорошо бы доработать.
49. Игнат Пестов (Danpilik) 27.02.16 23:04 Сейчас в теме
Всем доброго. Я при записи справочника номенклатура данные из ЭлементыФормы.Эксплорер.Документ.body.innerText записываю в реквизит. А как сделать обратное передать туда параметр при открытии справочника? У меня сваливается когда делаю ЭлементыФормы.Эксплорер.Документ.body.innerText = HTMLОписание;
Заранее спасибо
50. lost-s0u1 (lost-s0u1) 08.04.16 18:13 Сейчас в теме
Отличная идея! Автору зачет.
51. Сергей (Che) Коцюра (CheBurator) 3367 08.04.16 22:20 Сейчас в теме
(50) если хочешь плюс автору - поставь за него свечку в храме. Василий ушел.