Таблица excel для форумов

1. Исходная таблица

2. Выбираем левое-верхнее поле -> ПКМ -> «Добавить ячейки…»

3. В диалоге «Добавление ячеек» выбрать пункт «столбец» -> ОК

4. Добавить столбцы (как в п.3) перед остальными вертикальными столбиками таблицы

5. В верхней ячейке первого столбца написать «[td]»

ВАЖНО: Вы можете задать выравнивание внутри каждого поля таблицы написав вместо «[td]»
[td=»align: center»], [td=»align: right»] или [td=»align: left»]

6. Выделить ячейку, навести курсор мыши на правый нижний угол ячейки

7. Нажать ЛКМ, тянуть вниз до конца таблицы (значение первой ячейки скопируется в остальные)

8. В верхней ячейке второго столбца написать «[/td][td]»

9. Заполнить (как в п.п. 6-7) столбец

10. Заполнить текстом «[/td][td]» (как в п.п. 8-9) остальные вертикальные столбцы

11. Следующий после таблицы столбец заполнить (как в п.п. 8-9) текстом «[/td]»

12. Выбрать первую ячейку -> ПКМ -> «Добавить ячейки…»

13. В диалоге «Добавление ячеек» выбрать пункт «столбец» -> ОК

14. В первом ячейке A1 написать «[tr]»

15. В остальных написать «[/tr][tr]»

16. В следующей после таблицей строке (ячейка A4) написать «[/tr]»

17. Скопировать получившуюся таблицу полностью

18. Открыть блокнот -> вставить

19. Обводим промежуток между первым [td] и текстом первой ячейки (ячейка не должна начинаться с пробелов!!!)

20. Главное меню -> Заменить…

21. Вставить (в поле «Что:»)

22. Заменить все

23. Отмена

24. Добавляем одну из строк:
таблица без границ

Код HTML:

[table="width: 500"]

таблица с внешними границами

Код HTML:

[table="width: 500, class: outer_border"]

таблица с внешними и внутренними границами

Код HTML:

[table="width: 500, class: grid"]

перед закрывающими кавычками можно добавить выравнивание:

Код HTML:

, align: left
, align: center
, align: right

Должно получиться:

Код HTML:

[table="width: 500, class: grid, align: right"]

«500» — ширина таблицы в пикселях, большее 500 лучше не ставить, меньше можно.
Также можно написать

Код HTML:

[table="width: 50%"]

тогда ширина таблицы будет в процентах.

25. В конце добавляем текст
«[«+»/table»+»]»

26. Копируем все что получилось и вставляем в ответ на форуме.

27. Если таблица будет обновляться на форуме, то делаем следующее:
27.1 Выделяем столбцы с тегами (нажимаем заголовоки столбцов с зажатым «ctrl»)

27.2 Уменьшаем ширину столбцов

27.3 Получаем что-то вроде этого:

Дополнительные возможности (думаю разберетесь):
1. class: outer_border, class: grid — для td и tr
2. выравнивание [td=»align: center»], [td=»align: right»] или [td=»align: left»] — для td и tr
3. Ширина для td и tr

При создании сайта очень часто происходит ситуация, когда необходимо вставить на страницу таблицу excel. Здесь важна не столько таблица, как дать возможность посетителям самим производить расчеты на сайта. Такая функция будет удобна для многих коммерческих сайтов, когда необходимо разместить калькулятор для клиентов. Именно поэтому, сегодня я расскажу, как вставить на сайт таблицу excel с возможностью редактирования. 

Какие таблицы можно вставлять на сайт 

Для примера я буду рассматривать сайт на WordPress, однако мой способ подойдет практически для любой CMS (таких как 1С-битрикс, ModX, Joomla, OpenCart). Чтобы вставить на сайт простой калькулятор, можно установить плагин калькулятора (Calculated Fields Form и т.д.) либо воспользоваться сторонними сервисами для их создания. Создав калькулятор в таком сервисе, можно просто вставить его код на соответствующую страницу. 

Главным недостатком установки калькулятора на сайт является его ограниченный функционал. Как правило, можно вставить 2-3 переменных, которые вводятся пользователем, ответ подсчитывается по заранее установленной формуле. Например, я могу подсчитать количество обоев, требуемых в комнате, но не могу узнать количество разных обоев на всю квартиру. 

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

Как вставить таблицу для расчетов на сайт 

Если Вам необходимо вставить на сайт таблицу с возможностью правки со стороны пользователя, одним из самых оптимальных вариантов будет вставка таблицы excel. Данный вариант отлично подойдет как для крупных сайтов (расчёт сложных показателей), так и для небольших сайтов визиток. 

Вы можете вставить на сайт виджет таблицы Google Sheets, однако в настоящий момент ее нельзя править. С помощью специальных плагинов можно вывести вывод на сайт таблиц excel, однако обычный посетитель не сможет вносить в неё изменения.  

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

Размещение на сайте документа Excel с возможностью изменения со стороны пользователя 

Чтобы разместить документ Excel в облаке OneDrive необходимо пройти регистрацию на сайте https://www.office.com/?ms.officeurl=webapps Регистрация предельно проста, необходимо указать свой e-mail и пароль, после этого сразу можно начинать пользоваться сервисом.  

Далее заходим в облачный сервис OneDrive и авторизовываемся в нем с помощью полученного ранее логина и пароля. Вы попадете на страницу с названием “мои файлы”. Теперь можем приступать к созданию таблицы: 

1. Нажимаем на кнопку “+ создать” и выбираем файл excel. 
2. Если документ уже готов, то нажимаем на кнопку “добавить”. 
3. В созданном или загруженном файле excel необходимо выбрать пункт “файл” и нажать на функцию “поделиться”.  
4. В открывшемся окне выбираем функцию “внедрение” 
5. Чтобы запустить работу с файлом, необходимо нажать на кнопку “создать”. 
6. Вам откроется функционал по установке виджета Excel на сайт.  

В открывшейся вкладке нам необходимо внести небольшие изменения, чтобы документ был доступен для редактирования посетителями сайта. В разделе взаимодействие ставим отметку напротив пункта “разрешить пользователям ввод данных в ячейку”. Теперь мы можем установить код HTML в нужное нам место (код находится в нижнем левом углу). Кроме того, здесь можно настроить еще несколько полезных функций: 

• разрешить пользователю сортировать ячейки 
• ограничить рабочую область (отлично подойдет для создания таблицы расчетов) 
• выбрать оптимальные размеры виджета (помогает создавать красивые виджеты) 

После завершения всех настроек необходимо проверить корректную работу таблицы на сайте. Теперь Вы знаете, как вставить на сайт таблицу excel с возможностью редактирования посетителями сайта. 

Пример редактируемой таблицы excel на сайте

Ячейки с данными можно редактировать.