Установка і настройка візуального редактора на сайті tinymce або fckeditor блог

Установка і настройка TinyMCE

Наприклад, в TinyMCE немає вбудованої завантаження зображень, тому доводиться або завантажувати картинки куди-небудь і прописувати в TinyMCE урл картинки, або встановлювати додатковий модуль. З усіх плагінів для завантаження картинок в TinyMCE, що я перерив за кілька днів і намагався встановлювати, однозначно рекомендую TinyBrowser. Про установку TinyBrowser можна почитати тут.

Ще одне ускладнення, яке може виникнути: як зробити русифікацію TinyMCE. На офіційному сайті трохи незрозуміло, де саме завантажити файли русифікації для TinyMCE. Робимо так: відкриваємо сторінку з мовними фалами. знаходимо «Russian», але не натискаємо на посилання «XML», а ставимо галочку зліва, після цього в самому низу сторінки натискаємо «Downloads». Скачаний архів з мовними файлами треба розпакувати поверх існуючих папок в папці tiny_mce.

Установка і настройка FCKeditor (CKeditor)

2) Створюємо файл admin.php, що містить форму:

3) Відкриваємо файл admin.php - все повинно працювати!

Для настройки розмірів з редагований текст змініть параметри в файлі fckeditor.js:</p> <p>this.Width = width || '100%'; // ширина<br>this.Height = height || '500'; // висота<br>this.ToolbarSet = toolbarSet || 'Default'; // використовуваний набір кнопок</p><p>Щоб налаштувати завантаження зображень в FCKeditore, робимо наступне.</p> <p>1) Відкриваємо файл fckeditor / editor / filemanager / upload / php / config.php</p> <p>шукаємо рядок<br>$ Config [ 'Enabled'] = false;<br> замінюємо її на<br>$ Config [ 'Enabled'] = true;</p> <p>2) Знаходимо і замінюємо рядок</p> <p>На папку, куди ви будете заливати картинки, повинні бути виставлені відповідні права (зазвичай 0777).</p> <p>3) Відкриваємо файл fckeditor / fckconfig.js.</p> <p>Знаходимо і міняємо рядки<br>var _FileBrowserLanguage = 'asp'; // asp | aspx | cfm | lasso | perl | php | py<br>var _QuickUploadLanguage = 'asp'; // asp | aspx | cfm | / Admin / article / edit / 9</p> <p>на<br>var _FileBrowserLanguage = 'php';<br>var _QuickUploadLanguage = 'php';</p> <p>У цьому ж файлі перевірте наявність рядки:</p> <p>Тепер завантаження зображень у вашому FCKeditor повинна працювати.</p> <p>Які ще є моменти в налаштуванні FCKeditor?</p> <h3>Підключення плагіна tablecommands для FCKeditor</h3> <p>Швидше за все ви захочете підключити плагін tablecommands для роботи з таблицями (видалити / додати рядок / стовпець і т.п.). Як це зробити?</p> <p>Завантажувати плагін tablecommands не треба, він вже повинен бути у вас в папці editor / plugins. Плагін підключається дуже просто. У файл fckeditor / fckconfig.js треба додати рядок:</p> <p>FCKConfig.Plugins.Add ( 'tablecommands'); // підключаємо tablecommands</p> <p>Потім в цьому ж файлі знайти змінну FCKConfig.ToolbarSets [ "Default"] і дописати туди:</p> <p>[ 'Table', '-', 'TableInsertRowAfter', 'TableDeleteRows', 'TableInsertColumnAfter', 'TableDeleteColumns', 'TableInsertCellAfter', 'TableDeleteCells', 'TableMergeCells', 'TableHorizontalSplitCell', 'TableCellProp']</p> <p>Після цього на панелі FCKeditor повинні з'явитися кнопки для роботи з таблицями.</p> <p>Ось, власне, і все. Бажаю успіхів!</p></div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/temperatura-40-u-ditini-shho-robiti.html">Температура 40 у дитини - що робити</a></li> <li><a href="/articles/virusni-zahvorjuvannja-zhivih-organizmiv-jak.html">Вірусні захворювання живих організмів - як влаштовані віруси - складові частини вірусів - перший</a></li> <li><a href="/articles/jak-pribrati-podrjapini-na-derev-janih-mebliv.html">Як прибрати подряпини на дерев’яних меблів, зручні штучки</a></li> <li><a href="/articles/nova-dieta-djuka-5-kg-7-dniv.html">Нова дієта Дюка, 5 кг, 7 днів</a></li> <li><a href="/articles/problemi-skladannja-rozkladu-u-vuzi.html">Проблеми складання розкладу у вузі</a></li> <li><a href="/articles/najjaskravishe-nizh-sonce-muzika-v-mp3-skachati.html">Найяскравіше ніж сонце музика в mp3 - скачати безкоштовно, слухати музику яскравіше ніж сонце - 45 пісень</a></li> <li><a href="/articles/kundjumi-recept-z-foto-legki-recepti.html">Кундюми рецепт з фото, легкі рецепти</a></li> <li><a href="/articles/likuvannja-adenoidiv-propolisom.html">Лікування аденоїдів прополісом</a></li> <li><a href="/articles/10-problem-z-apple-watch-i-ih-rishennja.html">10 Проблем з apple watch і їх рішення</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/pni-v-landshaftnomu-dizajni-vidi-zastosuvannja-i.html">Пні в ландшафтному дизайні види застосування і способи декору</a></li> <li><a href="/articles/negativnij-popit-velika-enciklopedija-nafti-i-gazu.html">Негативний попит - велика енциклопедія нафти і газу, стаття, сторінка 1</a></li> <li><a href="/articles/jakij-kurort-tailandu-vibrati-dlja-vidpochinku.html">Який курорт Таїланду вибрати для відпочинку який острів Таїланду вибрати для відпочинку</a></li> <li><a href="/articles/zavantazhiti-dungeon-hunter-5-na-komp-juter.html">Завантажити dungeon hunter 5 на комп’ютер</a></li> <li><a href="/articles/akumuljatorni-vikrutki.html">акумуляторні викрутки</a></li> <li><a href="/articles/shho-zh-take-dop.html">Що ж таке доп</a></li> <li><a href="/articles/cholovichi-i-zhinochi-tatu-na-palcjah-znachennja.html">Чоловічі і жіночі тату на пальцях - значення, фото, ідеї</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2026</p> <ul> <li><a href="/articles/jak-pochati-finansovu-osvitu-ditej-jak-vi.html">Як почати фінансову освіту дітей - як ви ставитеся до фінансового виховання дітей -</a></li> <li><a href="/articles/rozmir-dvernogo-otvoru-1.html">Розмір дверного отвору 1</a></li> <li><a href="/articles/aviakvitki-v-adler-bez-nacinki.html">Авіаквитки в адлер без націнки</a></li> <li><a href="/articles/alunit-shho-ce-za-mineral-osoblivosti-kvascovuju.html">Алуніт що це за мінерал, особливості квасцовую каменю, використання такого мінералу як</a></li> <li><a href="/articles/mila-merezha-magaziniv-v-magazinah-ciei-merezhi.html">Мила, мережа магазинів - «в магазинах цієї мережі завжди хороший вибір товарів», відгуки покупців</a></li> </ul> </div> </footer></div> </body> </html>