We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 2973
    • 11 Posts
    Доброго всем времени суток, друзья!
    Собственно такой вопрос: Как создать кнопку в TinyMce которая будет вставлять статичный кусок html кода?
    Я конечно же понимаю, что в редакторе есть html режим, но в моем случае это надо осуществитить именно в автоматическом режиме.
    Извиняюсь, если промазал разделом!
      • 2973
      • 11 Posts
      в моем случае при нажатии на кнопку должен вставляться вот этот кусок кода:
      				<!-- автор и цитата --><div>
      				<div class="cite"><cite>Альберт Эйнштейн</cite></div>
      				<div class="blockquote">
      				<p>«Воображение важнее, чем знания. Знания ограничены, тогда как воображение охватывает целый мир, стимулируя            прогресс, <a href="#">порождая</a> эволюцию»</p>
      <div class="c tl"><!-- --></div>
      <div class="c tr">
      <!-- --></div><div class="c br">
      <!-- --></div>
      <div class="c bl">
      <!----></div>
      <div class="c r">
      <!-- --></div>
      </div>
      </div>
      <!--/ -->
      
        • 2973
        • 11 Posts
        возможно кто-то знает как называеться и где находится плагин который добавляет жирный шрифт? я бы попытался по аналогии сделать, просто система в тинимце давольно запутанная, а русской документации найти так и не удалось!
          • 28814 ☆ A M B ☆
          • 1,086 Posts
          Quote from: beatles666 at Mar 10, 2009, 10:13 AM

          возможно кто-то знает как называеться и где находится плагин который добавляет жирный шрифт?
          assets/plugins/tinymce*/jscripts/tiny_mce/plugins/ - здесь все плагины у tinyMCE.
          вместо * - версия tinymce.
            Разработка сайтов и программных модулей на MODX.
            Опыт работы на MODx с 2005 года. Высокое качество.
            Компания Baltic Design Colors: http://www.bdcolors.ru.
            • 4735
            • 51 Posts
            2 beatles666
            Не разобрался случайно в проблеме? У меня аналогичная ситуация: нужна кнопка, которая вставляет статический кусок html
              Интернет-магазин стильной мужской одежды - http://www.dotmind.ru
              • 21610
              • 360 Posts
              Посмотри вот здесь.
              <script type="text/javascript">
              tinyMCE.init({
                  mode : "textareas",
                  theme : "advanced",
                  theme_advanced_buttons1 : "mybutton,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
                  theme_advanced_buttons2 : "",
                  theme_advanced_buttons3 : "",
                  theme_advanced_toolbar_location : "top",
                  theme_advanced_toolbar_align : "left",
                  theme_advanced_statusbar_location : "bottom",
                  plugins : 'inlinepopups',
                  setup : function(ed) {
                      // Display an alert onclick
                      ed.onClick.add(function(ed) {
                          //ed.windowManager.alert('User clicked the editor.');
                      });
              
                      // Add a custom button
                      ed.addButton('mybutton', {
                          title : 'My button',
                          image : 'img/example.gif',
                          onclick : function() {
                              ed.selection.setContent('Здесь можно вставить любой код');
                          }
                      });
                  }
              });
              </script>
              

              Там конечно много лишнего связанного с инициализацией редактора к текстовому полю. Нужно посмотреть как в самим плагине передать новые параметры.
                Разработка сайтов на MODx
                • 11693
                • 5 Posts
                Ну код понятен. но куда его писать?
                  • 36442
                  • 97 Posts
                  UPD: Перечитал вопросы в теме и понял, что зашёл немного не в те дебри. Надеюсь, что описанное мною будет кому-то полезно.
                  Ниже описывается, как использовать функцию добавления шаблонов в ТиниМСЕ.
                  Если у вас Ево, то это можно сделать так:

                  • Для начала надо добавить кнопку "Шаблоны" в настройки Тини.
                  • Определить путь к списку шаблонов.
                  • Создать список шаблонов.
                  • Создать шаблоны.

                  Теперь по порядку:

                  1. Добавляем кнопку "Шаблоны"
                  Инструменты → Кофигурация → Интерфейс и представление
                  Тема WYSIWYG-редактора: Индивидуальная
                  В Индивидуальные кнопки добавляем в удобный для вас ряд
                  ,template


                  2. Определяем путь к файлу списка шаблонов
                  В файл assets/plugins/tinymce/js/mce_init.js.inc (у вас папка может отличаться, если вы обновляли Тини - надо выбрать актуальную версию) в список параметров добавляем строку
                  template_external_list_url : '[+document_base_url+]/assets/templates/tinymce/tpl-list.js',

                  Внимание, не забудьте поставить запятую после предыдущего параметра, после последнего параметра запятую ставить не надо.
                  /assets/templates/tinymce/tpl-list.js - это путь к файлу со списком шаблонов, вы можете разместить его в любом другом месте. В принципе, список шаблонов можно указать тут же, но мне кажется, что лучше вынести его в отдельный файл для удобства.

                  3. Создаём список шаблонов
                  В папку assets/templates/ добавляем новую папку tinymce/, а в ней создаём файл tpl-list.js - в нём перечисляются названия, описания и пути к шаблонам. В файл вставляем:
                  var tinyMCETemplateList = [
                          // Name, URL, Description - Название, путь, описание
                          ["Тестовый шаблон 1", "assets/templates/tinymce/mytemplate.html", "Описание шаблона 1."],
                          ["Тестовый шаблон 2", "assets/templates/tinymce/mytemplate2.html", "Описание шаблона 2."]
                  ];

                  Если сайт работает в кодировке UTF-8, то этот файл, как и файлы шаблонов, тоже должны быть созданы в UTF-8, иначе будут проблемы с отображением символов.

                  4. Создаём шаблоны.
                  Тут всё понятно. Шаблоны - это просто файлы с кусками html-кода.
                    • 11693
                    • 5 Posts
                    Спасибо, сделал. Работает. Как вариант подходит.
                    Но идея такая: в новостном разделе сайта в конце каждой статьи добавляется автор и дата (обычная табличка без рамок, но с форматированным текстом). Код статичен, просто меняется фамилия и дата(которую и сниппетом можно подставлять). Вот и хотелось бы это делать "в один клик".
                      • 1788
                      • 1,103 Posts
                      Quote from: Halumein at Feb 21, 2011, 09:45 PM

                      Спасибо, сделал. Работает. Как вариант подходит.
                      Но идея такая: в новостном разделе сайта в конце каждой статьи добавляется автор и дата (обычная табличка без рамок, но с форматированным текстом). Код статичен, просто меняется фамилия и дата(которую и сниппетом можно подставлять). Вот и хотелось бы это делать "в один клик".
                      Так этим дитто занимается если в аннонсах. на странице еще проще.