Использование нескольких редакторов TinyMCE на одной странице - PullRequest
Новая
       13

Использование нескольких редакторов TinyMCE на одной странице

0 голосов
/ 27 мая 2019

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

Я перепробовал несколько ответов от переполнения стека. Никто из них не решил проблему. Многие ответы взяты из предыдущих версий TinyMCE, но не указывают, для какой версии предназначены ответы, что делает устаревшие ответы актуальными, когда их нет. Больше всего беспокоит то, что официальная документация от TinyMCE 4 также явно неверна.

Это «официальный» способ указать более одного селектора: 

    tinymce.init({

      selector: "#textarea1",

    });


    tinymce.init({

      selector: "#textarea2",

    });

Фактический результат заключается в том, что TinyMCE использует только последнюю конфигурацию ("# textarea2").

Другие решения, которые вы найдете в Переполнении стека и в других местах, не решают проблему (используя «точный» режим, указав «текстовые поля» и т. Д.). Официальная документация для tinyMCE v4 также использует вышеуказанный метод, хотя он явно ошибочен.

Вы можете увидеть это в документации для себя по следующей ссылке: https://www.tiny.cloud/docs/general-configuration-guide/multiple-editors/

Поскольку использование более одного редактора на странице является базовой функциональностью, я не понимаю, как существует так много возможных «правильных» ответов на один и тот же вопрос (примечание: этот вопрос конкретно касается tinyMCE версии 4), и, очевидно, нет точного простого, правильного ответа. Нет никаких причин для того, чтобы это был вопрос, чтобы часами отвечать разными способами без четкого решения. Мы не совсем отправляем людей на Марс, здесь ...

Заранее благодарим за помощь в этом вопросе.

Ответы [ 2 ]

0 голосов
/ 28 мая 2019

Как и в случае @Tyeth, я не вижу, где документация неверна.Вот очень простая TinyMCE Fiddle с двумя делителями с разными идентификаторами, которые получают разные конфигурации редактора TinyMCE на основе двух вызовов init({}).

http://fiddle.tinymce.com/aJgaab/1

Возможно, если вы видите другое поведение, выМожете ли вы предоставить TinyMCE Fiddle или CodePen или JS Fiddle, которые показывают ваш реальный код?Без реального кода кому-то будет очень сложно сказать вам, почему ваш код не работает, когда у нас есть несколько примеров этой работы.

0 голосов
/ 27 мая 2019

Ссылка, которую вы разместили, относится к версии 5 tinymce, но изменив версию на 4 и посмотрев пример с несколькими конфигурациями: https://www.tiny.cloud/docs-4x/general-configuration-guide/multiple-editors/

Для меня это нормально работает в chrome на windows 10: https://jsbin.com/rehamun/edit?html,output

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

Пример повторяется здесь, чтобы выполнить автоматическую модерацию ответа ...

<!DOCTYPE html>
<html>
<head>
  <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
  <script type="text/javascript">
  tinymce.init({
    selector: '#myeditable-h1',
    inline: true,
    menubar: false,
    toolbar: 'undo redo'
  });
  </script>
  <script>
  tinymce.init({
    selector: '#myeditable-div',
    inline: true
  });
  </script>
</head>

<body>
  <form method="post">
    <h1 id="myeditable-h1">This Title Can Be Edited If You Click Here</h1>
  </form>

  <form method="post">
    <div id="myeditable-div">
      <p>This section of content can be edited. Click here to see how.</p>
    </div>
  </form>
</body>
</html>
...