Найти на сайте

Добавляем в редактор новые формы

+13
1.96K
  2. Блоги
  3. Добавляем в редактор новые формы
Здесь будет описано как добавлять новые формы в редактор, на основе этой информации можно добавить любую форму.
Возьмем за пример, новую форму {показ}|{/показ}
Для того что-бы каждый раз не вписывать код в ручную, добавим его один раз и он будет вызываться автоматически

Пример, о чем идет речь
Иллюстрация


Нам надо отредактировать всего два файла

1. Вывод формы

Открываем файл cp.php из папки admin/includes

Находим следующий код, строка примерно 1018

  1.  
  2. echo   '<option value="pagebreak">-- разрыв страницы --</option>
  3. 					<option value="pagetitle">-- новая страница --</option>
  4. 				  </select>';
  5.  
Вставляем следующий код <option value="pokazpods">-- фильтр вслывающая подсказка --</option>, должно получиться
  1.  
  2. echo   '<option value="pagebreak">-- разрыв страницы --</option>
  3. 		            <option value="pokazpods">-- фильтр вслывающая подсказка --</option>
  4. 					<option value="pagetitle">-- новая страница --</option>
  5. 				  </select>';
  6.  
Далее следующий код, строка примерно 1073

  1.  
  2. echo '<tr id="pagebreak">';
  3. 		echo '<td width="120">
  4.                     <strong>Тег:</strong>
  5.               </td>';
  6.         echo '<td>
  7.                     {pagebreak}
  8.               </td>';
  9.  
  10.         echo '<td width="100">'.$submit_btn.'</td>';
  11.     echo '</tr>';
  12.  
Добавляем следующий 

  1.  
  2. echo '<tr id="pokazpods">';
  3. 		echo '<td width="120">
  4.                     <strong>Тег:</strong>
  5.               </td>';
  6.         echo '<td>
  7.                     {показ}|{/показ}
  8.               </td>';
  9.  
  10.         echo '<td width="100">'.$submit_btn.'</td>';
  11.     echo '</tr>';
  12.  
Должно получиться так 

  1.  
  2. echo '<tr id="pagebreak">';
  3. 		echo '<td width="120">
  4.                     <strong>Тег:</strong>
  5.               </td>';
  6.         echo '<td>
  7.                     {pagebreak}
  8.               </td>';
  9.  
  10.         echo '<td width="100">'.$submit_btn.'</td>';
  11.     echo '</tr>';
  12.  
  13.     echo '<tr id="pokazpods">';
  14. 		echo '<td width="120">
  15.                     <strong>Тег:</strong>
  16.               </td>';
  17.         echo '<td>
  18.                     {показ}|{/показ}
  19.               </td>';
  20.  
  21.         echo '<td width="100">'.$submit_btn.'</td>';
  22.     echo '</tr>';
  23.  
С этим файлом закончили

2. Функционал

Открываем файл common.js из папки admin/js

Находим код, строка примерно 84

  1.  
  2. 		document.getElementById('pagebreak').style.display = 'none';
  3.  
Добавляем следующий код document.getElementById('pokazpods').style.display = 'none';
Должно получиться так
  1.  
  2. 	document.getElementById('pagebreak').style.display = 'none';
  3. 		document.getElementById('pokazpods').style.display = 'none';
  4.  
Далее находим код, строка примерно 128
  1.  
  2. if (kind=='pagebreak'){
  3. 			text = '{pagebreak}';
  4. 		}				
  5.  
Добавляем код

  1.  
  2. if (kind=='pokazpods'){
  3. 			text = '{показ}|{/показ}';
  4. 		}
  5.  
Должно получиться так

  1.  
  2. if (kind=='pagebreak'){
  3. 			text = '{pagebreak}';
  4. 		}
  5.  
  6. 				if (kind=='pokazpods'){
  7. 			text = '{показ}|{/показ}';
  8. 		}
  9.  
  10.  
Все готово, теперь при добавлении нажатии на вставить, будет автоматически вбиваться {показ}|{/показ}, в окно редактора.

Скачать готовый пример
Фильтр скрыть / показать текст для статей
0
NIKITA NIKITA 13 лет назад #
Спасибо! Оперативно. Но в форме подсказки нет. Сделал все как написано, не-вы-хо-дит.
Почему!?
0
Sergey Platonov Sergey Platonov 13 лет назад #
а нет ли инструкции как добавить в редактор кнопку добавления картинки (изображения) но немного по другому принципу
жму на кнопку, окошко в котором выбираю путь до картинки маленькой, выбираю путь до оригинала - жму сохранить - в итоге получаю в статье отображается маленькая картинка, и она является ссылкой на большую картинку
0
NIKITA NIKITA 13 лет назад #
Может я не понял как добавить код?
Можно в подробностях?
Спасибо!
+1
lucku lucku 13 лет назад #
Качаем исходник выложил в шапке
0
xflasherx xflasherx 13 лет назад #
И снова всё работает отлично единственное что заметил в самой подсказке строка должна содержать не более 20-25 символов иначе описание выходит за рамку. И второе как сделать что бы ссылки в подсказке были кликабельные?
+1
lucku lucku 13 лет назад #
Не много не в тот блог.
1. нет ограничений на кол-во символов, если у Вас описание выходит за рамку, может что-то сделали не так.
Сейчас сам сделал 300 символов, ни что не куда не выходит.
2. Добавляем ссылку как всегда из меню редактора добавить/редактировать ссылку.
0
NIKITA NIKITA 13 лет назад #
Так и не выводит кнопку вставить, как у тебя на скрине. Может версия редактора не та.?!
FCKEditor Визуальный редактор F. C. Knabben 2.63
Или запрос не тот. От первой части или второй?!
Штука хорошая. Жалко будет не установить.
+1
lucku lucku 13 лет назад #
Версия инстанта какая 1.8, редактор тот
0
NIKITA NIKITA 13 лет назад #
Переключить в визуальный режим. Что и как?
+1
lucku lucku 13 лет назад #
???
0
NIKITA NIKITA 13 лет назад #
В скрипте ява написано.(переключить в визуальный режим. Ну не вылазит у меня в меню "Вставить"
0
lucku lucku 13 лет назад #
Нажимаем на кнопку источник в редакторе
0
imprint imprint 13 лет назад #
выделяю текст нажимаю вставить "показать" текст удаляет и ничего не происходит...
0
lucku lucku 13 лет назад #
текст выделять не надо.
Вы оба файла закинули?
0
imprint imprint 13 лет назад #
ну да....установил все как писали...только с конца а не с начала...я думаю разницы нет...)))
0
lucku lucku 13 лет назад #
Что-то не то сделали, в шапки есть исходник.
Можно скачать и заменить файлы
0
imprint imprint 13 лет назад #
дык...у меня даже если вручную пишу....просто отображается текст {показ}ыыыыыыыыыыыыыыы|1{/показ}
0
imprint imprint 13 лет назад #
вроде почистил кеш с кнопки в редакторе вставляется....но когда сохраняю статью ничего....
вот в самом начале статьи http://onlinemap.crimea.ua/novosti-v-reklamnom-mire/rex-t-rex-2011-prjamoe-vklyuchenie.html
0
lucku lucku 13 лет назад #
в поле редактора появляется {показ}|{/показ}
0
imprint imprint 13 лет назад #
появляется....только при сохранении отображается просто как {показ}ыыыыыыыыыыыыыыы|1{/показ}
0
lucku lucku 13 лет назад #
Так и должно быть, так как {показ}|{/показ} не имеет ни какой функции, это просто пример, как можно добавить в форму быстрое редактирования.
0
imprint imprint 13 лет назад #
а когда всплывающая подсказка должна появится?
0
imprint imprint 13 лет назад #
tooltip это js файл? его же нужно как то подключить? или там все на css
0
lucku lucku 13 лет назад #
Вы про фильтр f_tooltip. его не надо подключать, он на js там все внутри лежит, а этот фильтр выводиться
другим способом {показать}пишем текст | пишем подсказку {/показать}
0
imprint imprint 13 лет назад #
http://onlinemap.crimea.ua/novosti-v-reklamnom-mire/rex-t-rex-2011-prjamoe-vklyuchenie.html вот так получается....при клике просто обновляется страница
0
lucku lucku 13 лет назад #
Зашел на ваш сайт, у меня работает
0
imprint imprint 13 лет назад #
под мозилой не работает значит....?
0
lucku lucku 13 лет назад #
mozilla, IE, opera, хром
Проверил на всех, работает
0
imprint imprint 13 лет назад #
в опере проверил работает. кстати в Firebug проверил в мозиле по стилям там <span class="tooltip"> не подключился подгружает reset.css
0
lucku lucku 13 лет назад #
class="tooltip" не влияет на работу, он стоит там для того если Вы захотите задать стиле, только для этого
0
imprint imprint 13 лет назад #
f_tooltip закинул тоже не выскакивает окно...запрос делать тоже в базу на тултип?
0
lucku lucku 13 лет назад #
Запрос надо делать для каждого нового модуля
0
imprint imprint 13 лет назад #
все подключил всплывающий пузырек пока пусть будет так....
0
imprint imprint 13 лет назад #
ещё вопрос...эти фильтры не действуют в анонсах статьи?
0
lucku lucku 13 лет назад #
Эти фильтры работают с редактором FCKEditor
Они будут работать и в модулях и в анонсах
0
imprint imprint 13 лет назад #
жесть та что у меня все не слава богу....не хочет работать в анонсах...
0
NIKITA NIKITA 13 лет назад #
У меня эта подсказка в форме та и не вышла. Жаль
0
imprint imprint 13 лет назад #
у меня глючит по разному....то показывает то не хочет...больше трех слов не отображает...
0
lucku lucku 13 лет назад #
1. проверил в анонсе не работают фильтры, даже те которые установлены по умолчанию. Тут править надо не фильтр
2. глючит что, фильтр, может со скриптами пересекается
0
imprint imprint 13 лет назад #
у меня наверное и там пересекается с скриптами...у меня highslide встроен

Еще от автора

Фильтр скрыть / показать текст для статей

Фильтр скрыть / показать текст для статей

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

Фильтр всплывающая подсказка для статей

Разработан фильтр всплывающая подсказка, полностью построен на CSS и 2-х изображений В редакторе выводиться достаточно просто {показ}пишем текст | пиш
21
Удаления пользователя через админку из базы

Удаления пользователя через админку из базы

Для версии 1.8 При удалении пользователя из админ панели, он все равно остается в базе. Но на сайт уже не зайдет.
13

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.