Бесплатная кнопка расширения для Joomla Flash Uploader

Начиная с JFU 2.13 также доступно расширение для редактора JFU. Он полностью заменяет существующую кнопку «Изображение» под редактором artice и дает вам всю мощь JFU:

Полная интеграция JFU в редакторе. Вы можете загрузить несколько файлов вместо одного, как в реализации Joomla
Вы можете использовать группы и профили - это позволяет точно определить, куда каждый пользователь может загружать файлы.
Используйте серверную часть для выбора изображений, которые вы хотите вставить.
Добавьте цель ссылки, просто выбрав ее на серверной стороне.
Создавайте эскизы существующих изображений и включайте их.
Определите размер изображения, которое вы хотите включить
Поддержка Lightbox, Lytebox и Highslide
Хороший правитель - потому что я не знаю, сколько 300px :).
Поддержка подписи! Вы можете автоматически создать div или span, который включает ваше изображение + ваш текст. Пожалуйста, смотрите описание ниже!
Расширение JFUploader Editor может быть настроено.
Ссылки могут быть вставлены
Миниатюры PDF могут быть созданы.
Google Doc Viewer можно использовать напрямую.
HTML и CSS были оптимизированы для работы с различными шаблонами (некоторые шаблоны уничтожили div)

Скриншоты:

Дополнительные скриншоты смотрите пожалуйста ниже ,

Установка: Установите пакет и активируйте плагин Button - JFUploader Editor Plugin в менеджере плагинов. Отключите плагин «Кнопка - изображение», потому что он больше не нужен.

Конфигурация: Пожалуйста, перейдите в Расширения -> Менеджер плагинов. Найдите «Кнопка - плагин редактора JFUploader» и установите параметры справа. Вы должны использовать те же параметры, что и для компонента или плагина. Для расширения редактора вы можете указать только одну группу или профиль! Вы можете включить / отключить большинство доступных опций. Так что не стесняйтесь использовать только то, что вам нравится.

Использование: Выберите изображение, которое вы хотите добавить. Если он слишком большой, введите меньший размер и нажмите «Создать эскиз». Затем создается эскиз. Пожалуйста, выберите эскиз и введите альтернативный текст, если хотите. Если вы хотите добавить ссылку, перейдите в раздел «Свойства ссылки». Там вы можете добавить ссылку напрямую или выбрать одну выше. Интересная часть - это дополнительные атрибуты ссылок, где вы можете легко добавить поддержку лайтбокса или lytebox. В настоящее время код, который вы должны добавить для лайтбокс , lytebox а также Highslide можно выбрать Пожалуйста, прочитайте документацию этого лайтбокса, чтобы, например, сделать слайд-шоу. Многие шаблоны уже поддерживают лайтбокс. Таким образом, вы можете использовать его без установки чего-либо. Если у вас нет поддержки лайтбокса, вам нужно только включить необходимые библиотеки в ваш шаблон.
Кнопки редактора не предназначены для редактирования уже вставленных элементов. Поэтому, пожалуйста, удалите изображение, если вы хотите преобразовать существующее изображение с помощью кнопки редактора JFUploader или проверьте, можете ли вы внести изменения с помощью редактора изображений вашего редактора.

Заголовок: рядом с альтернативным текстом / заголовком у вас есть возможность использовать этот текст в качестве заголовка. Это отобразит div или span (в зависимости от того, как настроен плагин), где изображение включено, а под ним - текст, который вы вставили. У вас также есть возможность стилизовать этот div / span. Доступны следующие два стиля, которые вы можете добавить в свой шаблон Joomla:

jfu_caption_div - это контейнер вокруг изображения и вашего текста. Здесь вы можете добавить, например, хорошую рамку, отступы или поля. Я обычно добавляю поле по умолчанию в таблицу стилей шаблона. Я также рекомендую определить цвет текста, размер текста и шрифт здесь. Потому что вы никогда не знаете, где добавляется заголовок div / span!
jfu_caption - здесь вы можете стилизовать текст заголовка. Вы можете определить размер или расстояние до изображения.

Большинство редакторов Joomla не очень хорошо обрабатывают span / div. Так что, если вы используете это, изображение / текст не будет отображаться в редакторе должным образом, но будет хорошо выглядеть на последней странице.

Выравнивание : здесь я добавил кое-что, что выглядит странно: это «+ clear». Если вы используете это, для включенного элемента будет определено «clear». Если вы не укажете это, все изображения будут отображаться, например, справа рядом друг с другом. Если вы выберете «+ очистить», изображения будут отображаться справа, но одно под другим!

Горизонтальное пространство / вертикальное пространство: по умолчанию отображается «Шаблон по умолчанию». Это означает, что для изображений используется поле по умолчанию для изображений (которое обычно равно 0), а для заголовка - поле, определенное в jfu_caption_div. Если у вас есть jfu_caption_div, как в примере ниже, вы должны определить поле по умолчанию, потому что это выглядит лучше. Если вы определили свое собственное имя, один из шаблона будет перезаписан.

div / span: в конфигурации плагина редактора у вас есть возможность включить заголовок по div или по span. Вы должны проверить в редакторе, который вы используете, который лучше поддерживается. Если вы выбираете div, вы должны проверить, например, добавляются ли теги <p> автоматически и нравится ли вам это. Это часто приводит к новой линии, которая может вам не понравиться. Но в самом редакторе div можно часто отображать, а span нельзя. Поэтому, пожалуйста, проверьте, что лучше для вас.

Вставка ссылок: начиная с версии 2.14 вы также можете вставлять ссылки. Если выбрано что-либо, кроме изображения, представление автоматически переключается на вкладку ссылки и включается «Вставить ссылку». Для изображений вы также можете вставить только ссылку.

Создание миниатюр PDF-файлов : если вы хотите включить создание миниатюр при выборе PDF-файла (или включить предварительный просмотр PDF-файлов во флэш-памяти), вам необходимо следующее:

Проверьте, доступна ли магия изображения
Включить магию изображения
Создайте папку с именем thumbs в папке tfu. (Администратор / компоненты / com_jfuploader / тфу / превью). Если вы выберете PDF-файл и во флэш-памяти отобразится предварительный просмотр, все настроено правильно!

Google Doc Viewer: если вы выбираете поддерживаемое расширение файла (см. http://docs.google.com/support/bin/answer.py?hl=en&answer=1189935 ) файл ссылки отображается в Google Doc Viewer.

Пример : ниже вы видите изображение со следующим стилем, заданным в файле template.css (jfu_caption не используется - я использую отступ по умолчанию для текста). Я также рекомендую определить цвет текста, размер текста и шрифт здесь. Потому что вы никогда не знаете, где добавляется заголовок div / span!

.jfu_caption_div {
выравнивания текста: центр;
граница: 1px solid #aaaaaa;
обивка: 3px;
цвет: # 333333;
Размер шрифта: 11px;
}

Протестировано с: IE, Firefox, Chrome, Opera и Safari

Получайте удовольствие, используя это расширение.

Py?