За последние 24 часа нас посетили 11258 программистов и 803 робота. Сейчас ищут 375 программистов ...

Как подключить редактор "tinymce"?

Тема в разделе "PHP для новичков", создана пользователем inkom, 3 апр 2018.

  1. inkom

    inkom Активный пользователь

    С нами с:
    2 апр 2018
    Сообщения:
    28
    Симпатии:
    0
    Используется
    win 7х64
    Open Server 5.2.2

    Apache-2.4-x64
    РНР-5.б-х64
    MySQL-5.6-x64
    PostgreSQL-9.5-x64

    В папке где сайты сделал папку "editor"
    c:\webopsrvr\domains\editor\

    В папке "editor" разместил:
    - "tinymce"
    - jquery-3.3.1.min.js
    - index.php

    "index.php"
    PHP:
    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <title></title>  
    5.             <script type="text/javascript" scr="jquey-1.9.1.min.js"></script>
    6.             <script type="text/javascript" scr="tinymce/jquery.tinymce.min.js"></script>  
    7.             <script type="text/javascript">
    8.  
    9.                 tinymce.init({ selector:'textarea' });
    10.             </script>    
    11.     </head>
    12.     <body>
    13.         <form metod= "post">
    14.             <textarea id="message"></textarea>
    15.             <br>
    16.             <input type = "submit" value"Send">          
    17.             </br>
    18.         </form>
    19.     </body>
    20. </html>

    Пробую подключить редактор "tinymce".
    Получаю только страницу с текстовым полем и кнопкой.

    upload_2018-4-3_12-15-18.png
    Ссылка с файлами папки - ссылка

    Вопрос
    Как подключить редактор "tinymce"?
     
  2. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.490
    Симпатии:
    1.731
    Посмотри, что в консоли браузера пишется. Что в руководстве по этой фиговине пишется.
     
    inkom нравится это.
  3. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.604
    Симпатии:
    600
    А вы чего хотели, стесняюсь спросить?
    --- Добавлено ---
    Mля: scr= o_O
    --- Добавлено ---
    5.Б o_O Да вы знатный копипастер, как я погляжу :(
     
    inkom и gruth нравится это.
  4. inkom

    inkom Активный пользователь

    С нами с:
    2 апр 2018
    Сообщения:
    28
    Симпатии:
    0
    @mkramer
    @miketomlin

    Исправил ошибки в коде.
    Теперь так
    PHP:
    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <title></title>
    5.             <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    6.             <script type="text/javascript" src="tinymce/jquery.tinymce.min.js"></script>
    7.             <script type="text/javascript">
    8.  
    9.                 tinymce.init({ selector:'textarea' });
    10.             </script>
    11.     </head>
    12.     <body>
    13.         <form metod= "post">
    14.             <textarea id="message"></textarea>
    15.             <br>
    16.             <input type = "submit" value"Send">      
    17.             </br>
    18.         </form>
    19.     </body>
    20. </html>
    Всё равно не работает...


    В консоли (см. скрин.)

    Может кто-нибудь посоветует какой-нибудь проверенный редактор?
     

    Вложения:

    #4 inkom, 3 апр 2018
    Последнее редактирование: 3 апр 2018
  5. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.604
    Симпатии:
    600
    Возьмите нормальную версию, без jQuery.
     
    inkom нравится это.
  6. inkom

    inkom Активный пользователь

    С нами с:
    2 апр 2018
    Сообщения:
    28
    Симпатии:
    0
    @miketomlin
    Прошу прощения, за примитивный вопрос...
    Может посоветуете, где взять?

    Текущую версию взял отсюда... (которая сейчас у меня)
    Download TinyMCE Community 4.7.9
    https://www.tinymce.com/download/
     
  7. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.523
    Симпатии:
    504
    Путь к файлу jquery.tinymce.min.js проверьте. И инициализировать желательно после загрузки элементов, с которыми плагин должен работать.
    Этот проверенный (> 10-ти лет на моей памяти), хотя им не пользуюсь уже очень давно. WYSIWYG-редакторов море, всё зависит от функционала, который вам нужен. Мог бы предложить Imperavi, но он платный.
     
    inkom нравится это.
  8. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.490
    Симпатии:
    1.731
    inkom нравится это.
  9. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.523
    Симпатии:
    504
    Тогда уже ближе к теме будет эта часть доков. Судя по описанию, для использования вместе с jQuery, необходимо подключать два файла: tinymce.min.js + jquery.tinymce.min.js. Непонятно на кой хрен тогда вообще jQuery. Хотя, от TinyMCE можно всего ожидать ))
     
    inkom нравится это.
  10. inkom

    inkom Активный пользователь

    С нами с:
    2 апр 2018
    Сообщения:
    28
    Симпатии:
    0
    Лежит в этой папке
    Где папка "editor" - это домен
    upload_2018-4-3_13-48-6.png


    Не могли бы вы показать на примере моего кода... А то пробую... не получается...


    Хотелось бы бесплатный
    А "tinymce" платный?

    А то что-то не могу понять где ограничения по демо версии....
    --- Добавлено ---
    @Deonis
    @miketomlin
    @mkramer


    Ооо....
    Кажись "подрубился"...

    Изменённый код
    PHP:
    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <title></title>  
    5.             <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    6.             <script type="text/javascript" src="tinymce/tinymce.min.js"></script>  
    7.             <script type="text/javascript" src="tinymce/jquery.tinymce.min.js"></script>  
    8.             <script type="text/javascript">
    9.                 tinymce.init({ selector:'textarea' });
    10.             </script>  
    11.     </head>
    12.     <body>
    13.         <form metod= "post">
    14.             <textarea id="message"></textarea>
    15.             <br>
    16.             <input type = "submit" value"Send">          
    17.             </br>
    18.         </form>
    19.     </body>
    20. </html>
    Только всё равно какие-то ошибки

    upload_2018-4-3_13-59-15.png
    Это принципиально?
    Насколько я понял это проблемы с фавиконом?
    Или нет

    буду пока разбираться
    Всем спасибо, за оперативность...



    Всё таки может у кого на памяти редактор?
    Требования к возможностям:
    - сделать жирный шрифт по горячим клавишам;
    - скрины можно перетащить на поле текста (драгдроб);
    - спойлеры;
    - подсветка синтаксиса;
    - БЕСПЛАТНЫЙ;
     
  11. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.523
    Симпатии:
    504
    Где он там лежит - это вопрос второй. Важнее знать, где он лежит по отношению к файлу, в который JS подключается.
    В данном случае это не столь важно и не относиться к проблеме, на которую обращает ваше внимание консоль. А она говорит, что переменная tinymce не определена, поэтому код tinymce.init({ /* ... */ }) не выполняется. Именно эта часть кода и есть "инициализация".
    Укажите абсолютный путь к подключаемому файлу - от корня сайта, слеш в начале. В конце концов, попробуйте подключить файлы из облака.
    --- Добавлено ---
    Или да.
    Озвучьте, что сделали, для тех, у кого возникнет такая же проблема.
    --- Добавлено ---
    Может CKEditor, но если там спойлеры - не знаю
     
    inkom нравится это.
  12. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.490
    Симпатии:
    1.731
    Ну хоть одно слово понял :) А остальные? Браузер хочет фавикон, её у тебя нет, возникает ошибка, которую браузер лепит в консоль. В принципе, можно пока забить
     
    inkom нравится это.
  13. inkom

    inkom Активный пользователь

    С нами с:
    2 апр 2018
    Сообщения:
    28
    Симпатии:
    0
    Обновлено
    Строка 5,6 - "scr" на "src"

    Добавлено
    <script type="text/javascript" src="tinymce/jquery.tinymce.min.js"></script>
    Согласно документации - ссылки

    Окончательный вариант кода страницы

    PHP:
    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <title></title>  
    5.             <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    6.             <script type="text/javascript" src="tinymce/jquery.tinymce.min.js"></script>  
    7.             <script type="text/javascript" src="tinymce/tinymce.min.js"></script>  
    8.             <script type="text/javascript">
    9.                 tinymce.init({ selector:'textarea' });
    10.             </script>  
    11.     </head>
    12.     <body>
    13.         <form metod= "post">
    14.             <textarea id="message"></textarea>
    15.             <br>
    16.             <input type = "submit" value"Send">          
    17.             </br>
    18.         </form>
    19.     </body>
    20. </html>
    ) В принципе я это и хотел услышать...
    Спасибо..
     
  14. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.174
    Симпатии:
    180
    с помощью CDN
     
  15. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    inkom нравится это.
  16. inkom

    inkom Активный пользователь

    С нами с:
    2 апр 2018
    Сообщения:
    28
    Симпатии:
    0
    Вы про это - https://cdn.ckeditor.com/?
     
  17. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.174
    Симпатии:
    180