php-fusion news
Навигация
Главная
Статьи
Скачать
FAQ
Форум
Каталог ссылок
Категории новостей
Обратная связь
Фотогалерея
Поиск
Flash-руководство
Cтранички
TinyMCE
Статьи  +  -
Сейчас на сайте
Гостей: 4

Пользователей: 0

Всего пользователей: 38
Новый пользователь: TMk
Информеры
Ярмарка софта  +  
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
Работа с TinyMCE
Администрирование контента
1004 47 Olegovich
26-07-2010 18:42
lightbox2
Администрирование контента
183 2 Olegovich
23-07-2010 00:59
Ярмарка софта
Написание плагинов
139 2 Alipapa
27-06-2010 00:50
TinyMCE и Fusion v7
Администрирование системы
156 1 Alipapa
20-06-2010 18:10
+Редактор TinyMCE

TinyMCE - Javascript WYSIWYG Editor

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
Или же, по-русски:

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

TinyMCE поставляется бесплатно в рамках LGPL-лицензии, которая разрешает изменять исходный код и использовать в коммерческих продуктах.
Вот типичное окно редактора tinyMCE версии 3.2.7:

tinymce_400


Как видно на рисунке, в этой версии редактора изначально 4 строки панели управления с довольно большим количеством кнопок и раскрывающихся списков. Некоторые из них довольно типичны и для большинства пользователей не нуждаются в описании.  Другие же очень специфичны и действия, производимые ими, сильно отличаются от ожидаемых, либо пиктограммы кнопок вообще незнакомы пользователю. Вот на таких элементах я и постараюсь сосредоточить внимание. Статья не дописана...

Жирный шрифт Делает шрифт выделенного фрагмента текста жирным, повторное нажатие делает толщину шрифта нормальной 
Маркированный список
  • Первое нажатие кнопки начинает маркированный (ненумерованный) список, новые элементы списка создаются нажатием "enter";
  • Втоое нажатие кнопки завершает список. Чтобы последняя введённая строка осталась элементом списка, перед закрытием списка также нажмите "enter".

 

Почистить кривой код В процессе многократного редактирования могут оставаться лишние теги и прочий "мусор". Данная кнопка его подчищает.
Курсив Делает выделенный текст наклонным или, если он уже наклонный, прямым.
Нумерованный список
  1. Первое нажатие кнопки начинает нумерованный список, новые элементы списка создаются нажатием "enter";
  2. Втоое нажатие кнопки завершает список. Чтобы последняя введённая строка осталась элементом списка, перед закрытием списка также нажмите "enter".

 

Повторить Повторно выполняет отменённую команду.
Перечеркнутый Делает выделенный текст перечёркнутым или снимает перечёркивание.
Подчеркнутый Делает выделенный текст подчёркнутым или снимает подчёркивание.
Отменить Отменяет последнее действие.
Разделитель Отделяет визуально одну группу кнопок от других, сам кнопкой не является.
Якорь Ставит якорь html для последующих ссылок.
Цитата Оформляет выделенный текст как цитату или отменяет это выделение.
Специальный символ Выдаёт таблицу, из которой можно выбрать специальный символ, который будет вставлен в текущую позицию.
HTML-исходник Открывает окно редактирования, в котором весь редактируемый материал отображается в виде html - кода.
Копировать Копирует выделенный фрагмент в буфер обмена.
Вырезать Вырезает выделенный фрагмент. Сохраняет вырезанное в буфере обмена для последующей вставки.
Помощь Открывает окно со ссылками на первоисточники, возможно в будущем увеличение справочной информации.
Горизонтальный разделитель Вставляет простой горизонтальный разделитель (тег <hr />).
Изображение Открывает окно для вставки изображения, а также для редактирования атрибутов и дополнительных свойств.
Увеличить отступ Сдвигает вправо выделенный фрагмент.
Выровнять по центру Выравнивает по центру выделенный фрагмент в рамках окружающего его блока.
Выровнять по ширине Пытается сделать равной ширину всех строк, занимая всю ширину предоставленного блока.
Выровнять влево Выравнивает все строки выделенного фрагмента по левому краю.
Выровнять вправо Выравнивает все строки выделенного фрагмента по правому краю.
Ссылка Делает выделенный фрагмент гиперссылкой, открывает окно для ввода параметров и атрибутов гиперссылки.
Новый документ Создаёт новый документ, не во всех случаях реализовано.
Уменьшить отступ Сдвигает влево выделенный фрагмент.
Вставить Вставляет в текущую позицию содержимое буфера.
Очистить форматирование Снимает выделенного фрагмента  с элементы форматирования.
Нижний индекс Уменьшает выделенный текст и сдвигает его ниже уровня строки.
Верхний индекс Уменьшает выделенный текст и сдвигает его выше уровня строки.
Удалить ссылку Делает гиперссылку обычным текстом или рисунком.
Направляющие элементы Расширенное описание
Цвет текста Раскрывающийся список выбора цвета текста. Цветная полоска внизу кнопки показывает текущий цвет.
Цвет фона Раскрывающийся список выбора цвета фона текста. Цветная полоска внизу кнопки показывает текущий цвет.
Просмотр файлов Открывает окно для выбора файла для загрузки с компьютера.
Горизонтальный разделитель Позволяет вставить горизонтальный разделитель, задав ему ширину, можно с "тенью".
Слева направо Задаёт порядок отображения текста слева направо.
Справа налево Задаёт порядок отображения текста справа налево.
Смайлик Позволяет вставить смайлик, который можно выбрать из появляющегося окошка.
Просмотр Открывает окно предварительного просмотра редактируемого документа.
Полноэкранный режи Разворачивает редактор на всё окно браузера.
Вставить дату Вставляет текущую дату. Например 27-11-2009.
Вставить время Вставляет текущее время. Например 09:12:46.
Абсолютная позиция Помещает объект в левый верхний угол блока-контейнера.
На передний план Если объект закрыт другими, его можно расположить выше остальных.
На задний план Если объект закрывает другие объекты, его можно расположить ниже остальных.
Новый слой Добавляет новый слой, позволяет добиться интересных визуальных эффектов, требует определённых навыков.
Медиа-объект Позволяет вставить медиа-объекты - такие, как музыку или видео.
Неразрывный пробел Вставляет неразрывный пробел (&nbsp;)
Вставить как текст Вставляет только текст из буфера обмена.
Вставить из Word Вставляет из буфера обмена фрагмент из Word-документа, по возможности сохраняя элементы форматирования.
Пока не найден Расширенное описание.
Печать Позволяет распечатать редактируемый документ.
Сохранить Сохранить редактируемый документ. Часто для правильной работы требует дополнительную настройку.
Найти/заменить Открывает окно, при помощи которого можно заменить один фрагмент текста другим во всём редактируемом документе, либо только в одном направлении от выделенного объекта.
Найти Позволяет найти в редактируемом документе фрагмент текста, соответствующий введённому образцу.
Проверка орфографии Нужено расширение.
Редактировать стиль Позволяет провести форматирование выделенного фрагмента по большому числу параметров.
Добавить таблицу Добавляет таблицу, позволяет задать параметры, для существующей таблицы позволяет их изменить.
Свойства ячейки Позволяет изменить любое доступное свойство ячейки таблицы
Пока не реализовано Расширенное описание
Удалить столбец Расширенное описание
Удалить строку Расширенное описание
Вставить столбец после Расширенное описание
Вставить столбец до Расширенное описание
Вставить строку после Расширенное описание
Вставить строку до Расширенное описание
Разделить слитые ячейки Расширенное описание
Свойства строки Расширенное описание
Шаблонный контент Расширенное описание
Невидимые элементы Расширенное описание
Аббревиатура Расширенное описание
Акроним Расширенное описание
Атрибуты Расширенное описание
Цитата Расширенное описание
Удаление Расширенное описание
Вставка Расширенное описание
Разделитель страницы Расширенное описание
Комментарии
#1 | relli June 21 2010 06:04:58
Это описание кнопок редактора, конечно полезная штучка. Но мне кажется с грехом пополам с этим может разобраться каждый, кто открыл редактор. А вот настроить редактор для правильной работы увы не каждый.
#2 | Alipapa June 21 2010 17:14:01
Да, это так. TinyMCE - очень сложная программа. Нужно долго её созерцать, прежде чем наступит просветленье.
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
Рейтинг доступен только для пользователей.

Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.

Нет данных для оценки.
Статьи  Развернуть список  Свернуть список







Вредный совет
Если сделать много субдоменов по много страниц и с каждой страницы сослаться на главную основного домена, у неё будет большой ПР, что позволит вам разбогатеть.

Alipapa 08/11/2009 13:37

Просмотреть все »
Авторизация
Логин

Пароль



Вы не зарегистрированы?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Мини-чат
Вы должны авторизироваться, чтобы добавить сообщение.

03/07/2010 22:24
Фон в редакторе: body.mceContentBod
y { background-color:#
fff; color: #000; }

22/06/2010 21:31
Ну откуда здесь народ? tinymce.moxiecode.
com

22/06/2010 19:42
Народ дайте ссылку где скачать TinyMCE ???

26/04/2010 14:13
ini_set('arg_separa
tor.output','&amp;'
Wink;

09/04/2010 00:05
Спасибо. Я и не заметил поначалу.
мужские духи
08/04/2010 15:46
C первым тицем!

22/03/2010 21:36
Привет. Ярмарка софта - это в личку

20/03/2010 23:47
Привет Smile, панель слева - ярмарка софта - это модуль и можно о нем узнать подробнее и может скачать себе?
квартиры посуточно киев люкс
12/03/2010 13:01
И что же у вас есть?

09/03/2010 18:04
Давайте, вливайтесь, с праздничком кстати. Хоть и с прошедшим.

06/03/2010 14:27
Привет мальчики! Позвольте присоединиться к вашему сообществу. У меня тоже кое-что для вас есть.

03/03/2010 17:07
Начинаем описывать устройство темы оформления

27/02/2010 17:00
code.starefossen.c
om наш буржуйский друг
черногория
21/01/2010 16:49
Зацените панель слева - ярмарка софта

27/12/2009 12:16
С наступающими праздниками, товарищи!

16/12/2009 14:58
Вот тут ваша гнилая сущность и проявилась, VeraLu

9
13/12/2009 22:08
Очень[***] интересный сайт, что за cms ?

12/12/2009 11:33
А мы в подполье

10/12/2009 18:02
А как это я про вас раньше не знал?

24/11/2009 13:30
string strip_tags ( string str [, string allowable_tags] ) - убирает лишние теги

494,242 уникальных посетителей | Время загрузки: 1.11 секунд