xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Плагин для BUEditor — кнопка вставки таблицы

Опубликовано в

Обернул код с официальной страницы в плагин, который не захламляет head страничек своим присутствием.

Установка:

  1. Скачать bue.table.js в sites/all/modules/bueditor/library.

  2. В настройках редактора, в вкладке Пути редактора, добавить в поле Файлы расширения новую строчку — %BUEDITOR/library/bue.table.js (скриншот).

  3. Добавить кнопку с кодом js: E.quickTable(); (скриншот).

Результат:

Кнопка создания таблицы в действии

Написанное актуально для BUEditor 7.x-1.1
Похожие записи

Комментарии RSS

Спасибо Вам за доступные объяснения! А вот ещё интересное решение по таблицам, на котором я в результате и остановилась: http://drupal.org/project/tables

Хорошее решение, но если нужно сделать строк этак 63 (к примеру), то не очень удобно будет их создать.
По просьбе пользователей (любителей больших таблиц :), на одном сайте, написал кнопку для цифрового вода строк и столбцов (в js сильно не силен, но работает :)

js:
    BUE.dialog.open('Таблица', '<table class="bue-tgd-table"><tbody><tr><td>Количество строк</td><td><input type="text" class=" form-text" id="lines" name="lines" size="2" maxlength="2"></td></tr><tr><td>Количество колонок</td><td><input type="text" class=" form-text" id="columns" name="columns" size="2" maxlength="2"></td></tr></tbody></table><div><input type="submit" class="form-submit table_form_submit" value="OK" name="table_submit"></div>', 'fadeIn');
    $('.table_form_submit').click(function () {
      var lines = $('#lines').val();
      var columns = $('#columns').val();
      if (lines >= 1 && columns >= 1) {
        var cells = '', rows = '';
        for (var i = lines; i > 0 ; i--) {
          cells += '  <td></td>\n';
        }
        for (var i = columns; i > 0 ; i--) {
          rows += '\n<tr>\n'+ cells +'</tr>';
        }
        BUE.active.replaceSelection('<table>'+ rows +'\n</table>', 'end');
      }
      BUE.dialog.close('fadeOut');
    });

Кстати, а не подскажете код кнопки Добавить/изменить ссылку редактора на этом сайте.
Порадовала поле вставки текста (Text), в то время как в BUEditore (по умолчанию) почему то его нет и пользователи часто ни выделив ни какого текста и вписав только url удивляются, после сохранения, о пропадании ссылки.

Спасибо! Правильное решение! В моём случае только используется bbcode, так что придётся редактировать js.

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании