К содержанию

tinymce во фронтэнде?!

Здравия.
Написал, некую форму для заноса статей во фронтэнде.
Появилась нужна вставлять активные ссылки тупо кнопками, а не кодом. А там видимо и другое потом понадобится.
Порылся в инетах и что-то не нашёл инструкцию/документацию, как tinymce подключать.
В одном месте пишут только про js включки.
В другом месте пишут про php включки и сниппеты. А потом пишут, что они не работают, как оказалось.
Или это никому не нужно, поэтому про это нигде нет?!

Вопрос. Как подключить tinymce во фронтэнд.
Где читать?

UPD Также используется fancybox и форма с редактированием и с textarea всплывает в iframe. Проблема в этом видимо.

SOLVED на кнопку submit на onClick вешаем:
document.getElementById('admin2').value=tinyMCE.get('admin2').getContent();
document.getElementById('admin4').value=tinyMCE.get('admin4').getContent();
Евгений Ка
Евгений Ка
22 апреля 2016, 09:52
modx.pro
2 757
Реклама

Job Piper собирает IT заказы со всего Интернета.

По цене чашки кофе. Окупается с одного заказа.

Попробовать бесплатно

Комментарии: 14

Евгений Ка
Евгений Ка Проверенный
22 апреля 2016, 13:35
Такое ощущение, что либо это никому не нужно, либо эта информация лежит на поверхности, а я как слепой котёнок её не вижу.
    Евгений Ка
    Евгений Ка Проверенный
    22 апреля 2016, 14:10
    ЗЫ Подключаться подключается и TinyMCE и TinyMCE RTE, а вот до базы форматированный текст не доходит. Что-то где-то осталось допилить.
      Михаил
      Михаил Эксперт
      22 апреля 2016, 14:20
      Официальная документация по настройке TinyMCE.
      Шаг 1:
      Подключаем 
      <script src='//cdn.tinymce.com/4/tinymce.min.js'></script>
      Шаг 2:
      Активируем
      <script>
  tinymce.init({
    selector: '#mytextarea'
  });
  </script>
      Шаг 3:
      Профит!
        Евгений Ка
        Евгений Ка Проверенный
        22 апреля 2016, 14:55
        BTW //cdn.tinymce.com/4/tinymce.min.js начинает подсасывать с моего сервера(!) skin.min.css и content.min.css, которых на сервере ясное дело нет.
        Евгений Ка
        Евгений Ка Проверенный
        22 апреля 2016, 14:49
        Благодарю за попытку, НО
        Шаг 1.
        echo "<script src='/assets/components/tinymce/tiny.min.js'></script>";
        Шаг 2.
        echo "<script>
    tinymce.init({
    selector: '#admin2,#admin4',
 });
    </script> ";
        Шаг 3.
        Фига с маслом.

        Если в Шаг 1 поставить
        echo "<script src='/assets/components/tinymce/jscripts/tiny_mce/tiny_mce.js'></script>";
        Тогда показывает кнопки редактора, но текст не сохраняется в базу. Без редактора работает и сохраняется.
        По логике получается, что форматированный текст не попадают в значение изначального textarea или попадает в значение какой-то другой переменной.
          Михаил
          Михаил Эксперт
          22 апреля 2016, 14:51
          Причем здесь echo?
            Евгений Ка
            Евгений Ка Проверенный
            22 апреля 2016, 14:53
            Потому что я вызываю это в сниппете. (Работаю с тем кодом, что написан до меня)
              Михаил
              Михаил Эксперт
              22 апреля 2016, 14:54
              Зачем в сниппете использовать echo? А так нельзя подключить, просто на странице?
                Евгений Ка
                Евгений Ка Проверенный
                22 апреля 2016, 14:56
                Можно подключить. А будет какая-то разница?! Оно разве не должно сквозняком добираться до браузера и там уже разбираться JS движком?!
                  Михаил
                  Михаил Эксперт
                  22 апреля 2016, 14:57
                  Ну так попробуй. Все норм будет.
                    Евгений Ка
                    Евгений Ка Проверенный
                    22 апреля 2016, 15:02
                    Попробовал. Не прокатывает.
                    Видимо потому что на странице выводится список материалов. Напротив каждого есть кнопка «редактировать», по нажатию на которую открывается ajax fancybox iframe. И вот тут-то и наступает засада.
          Максим Кузнецов
          Максим Кузнецов Проверенный
          22 апреля 2016, 17:55
          Хех, ну как уже описали последовательностью выше, таким способом вы подключите TinyMCE на форуму. Но тикетс ее не переварит.

          Вам также потребуется отредактировать дефолтные скрипты Tickets, чтобы при нажатии на кнопку «добавить тикет/комментарий» содержимое визуального редактора отправлялось в родную textarea (до отправления на проверку). Что без проблем решается при помощи связки jQuery и родных методов TinyMCE.
            Евгений Ка
            Евгений Ка Проверенный
            22 апреля 2016, 18:22
            Тикекс в данном случае не используется.
            Там просто форма и просто отдельная таблица. Без тикетс.
            А за наводку благодарю.
            То есть мне нужно по нажатию на кнопку submit сделать что-то типа того?!:

            document.getElementById('admin2').value=tinyMCE.get('admin2').getContent();
document.getElementById('admin4').value=tinyMCE.get('admin4').getContent();
              Евгений Ка
              Евгений Ка Проверенный
              22 апреля 2016, 18:27
              Это работает.
              БЛАГОДАРЮ.
            Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
            14