gifts2017

[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
1040
.1252488749 1,09Mb 1040 Бесплатно

См. также

Подписаться Добавить вознаграждение

Комментарии

1. dushelov (Душелов) 09.09.09 13:33
Перед получением отредактированного кода, не забывайте нажимать на иконку записи редактора.
2. Алексей Коробов (WiseSnake) 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) 09.09.09 20:20
поставлю плюс, реально человек старался, а то у нас тут народ повадился ставить плюсы не за что!
7. Ярослав Радкевич (WKBAPKA) 09.09.09 20:22
а можно поставить еще пять плюсов?
8. Евгений Люлюк (Evg-Lylyk) 10.09.09 00:18
9. Олег Каратаев (Kyrales) 10.09.09 05:10
как бы еще научиться красиво в ворд отправлять уже форматированные эти данные
10. dushelov (Душелов) 10.09.09 07:58
(9) На сколько я знаю, ворд умеет открывать html странички.
11. Виталий Барилко (Diversus) 10.09.09 09:55
12. dushelov (Душелов) 10.09.09 10:00
(9) Кстати, через буфер все прекрасно вставляется ;)
13. Евгений Мигачев (Wicked) 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) 10.09.09 15:11
э-э-э... я не понял, Нэт Фреймворк совсем-совсем не нужен?... )
16. Евгений Мигачев (Wicked) 10.09.09 16:02
(14) 50 строчек кода и кучу скриптов :)
а ссылка на то где лежит, а сюда может загружу позже...
17. Виталий Сереженко (serezhenko) 15.09.09 09:10
(14) Это-же его ресурс, типа раскрутка такая...
18. Алексей Тюрин (SoftBalance) 15.09.09 13:40
Прикольная обработка.
Предложения принимаются?
В процедуру "ЭксплорерДокументСформирован(Элемент)" впиши строчку
"ЭлементыФормы.Эксплорер.Документ.body.scroll = "no";". Убрет не нужный скролинг у самого поля HTML =)
adhocprog; Душелов; +2 Ответить 1
19. sound sound (sound) 21.09.09 16:37
(18) спасибо за строчку: ".Документ.body.scroll = "no""... давно искал, и надо же случайно наткнулся :)
20. Mykhailo O (din-din) 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) 04.11.09 11:00
(21) Единственное, что может вызывать неудобства - это ошибки выполнения скриптов при вставке объектов, например с OpenOffice.org Calc, не всегда корректно работает и возникает когда есть объединенные ячейки (как мне показалось), тогда текст сохранить не возможно, а окошки с ошибкой с интервалом указанным в таймере просто не дают работать. Поэтому возможно нужен еще и флаг авто сохранения на форме обработки.
23. WellMaster (WellMaster) 13.04.10 22:32
Спасибо за обработку!
Встроил HTML-редактор в управляемую форму на 8.2, чем решил проблему острой нехватки полноценного текстового редактора.
24. dushelov (Душелов) 14.04.10 00:21
(23) Выложите в виде отдельной публикации для 8.2 - дружно скажем спасибо :) У самого не хватает времени на нее :)
25. Владислав Ентц (vladen) 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. Василий Демидов (Душелов) 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) 22.10.11 16:50
супер нужная вещь, спасибо!!!
32. Сергей Федоров (Bober777) 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) 03.09.13 13:50
Почему после кода

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

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

Какой-то дополнительный метод нужно вызвать для инициализации этой формы ранее записанным HTML-кодом??
40. oleg (opus70) 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) 31.10.13 10:58
Вдруг обнаружил, что забыл плюсануть. Ещё раз спасибо автору, мега-вещь! Отлично идёт в УФ, всё супер.
45. Виталий Фантич (Boudybuilder) 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) 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) 08.04.16 22:20
(50) если хочешь плюс автору - поставь за него свечку в храме. Василий ушел.
Для написания сообщения необходимо авторизоваться
Прикрепить файл
Дополнительные параметры ответа