it-swarm.dev

várias áreas de texto tinymce

Uso tinymce para uma página da web que gera dinamicamente pelo menos 5 textos.
A configuração que uso apenas funciona no primeiro textarea infelizmente.

tinyMCE.init({
    height : "300",
    mode : "exact",
    elements : "content",
    theme : "simple",
    editor_selector : "mceEditor",
    ...

<textarea class="mceEditor" name="content" rows="15" cols="40">content</textarea>

Qual é a configuração para ativar a edição temporária em todostextarea 's.

14
Udo

Se você estiver usando o modo "exato", precisará especificar os IDs dos elementos que deseja converter em editores.

function initMCEexact(e){
  tinyMCE.init({
    mode : "exact",
    elements : e,
    ...
  });
}
// add textarea element with id="content" to document
initMCEexact("content");
// add textarea element with id="content2" to document
initMCEexact("content2");
// add textarea element with id="content3" to document
initMCEexact("content3");

Ou você pode usar o modo "área de texto", que aplica indiscriminadamente o editor em todas as áreas de texto.

function initMCEall(){
  tinyMCE.init({
    mode : "textareas",
    ...
  });
}
// add all textarea elements to document
initMCEall();

Lembre-se de que, se você estiver criando áreas de texto dinamicamente, precisará chamar tinyMCE.init () após criar os elementos, porque eles precisam existir para tinyMCE poder convertê-los.

Aqui está a documentação dos modos .

21
DustyWall

Para o TinyMCE 4.0, é necessário usar um seletor ou definir um objeto/método tinymce.init para cada configuração desejada ( https://www.tinymce.com/docs/get-started/multiple-editors/ ).

Por exemplo, esta é uma página com 3 editores:

<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.tinymce.com/4/tinymce.min.js"></script>
  <script type="text/javascript">
  tinymce.init({
    selector: '#myeditable-h1',
    toolbar: 'undo redo'
  });
  tinymce.init({
    selector: '.standard-editor'
  });
  </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-div1" class="standard-editor">
      <p>This section1 of content can be edited...</p>
    </div>

    <div id="myeditable-div2" class="standard-editor">
      <p>This section2 of content can be edited...</p>
    </div>

  </form>
</body>
</html>
3
Alex Vazhev

Você deve usar o modo diferente em sua configuração. Por exemplo, modo: "specific_textareas" para trabalhar em toda a área de texto com uma determinada classe especificada no parâmetro editor_selector.

Para trabalhar em todas as áreas de texto com a classe mceEditor, você pode usar isto:

tinyMCE.init({
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    .....
2
Elena Slavcheva

usar classe no seletor eu tenho dois ou mais textarea que eu quero iniciar aqueles com int pequeno

<textarea class="mytextarea"></textarea>
<textarea class="mytextarea"></textarea>
.
.
.

no código tinyint do init:

tinymce.init({
    selector: 'textarea.mytextarea',
    plugins : 'advlist autolink link lists preview table code pagebreak',
    .
    .
    .
0
Omid Ahmadyani