Cum să setezi lățimea editorului WYSIWYG în funcția wp_editor()?

Question

Cum să setezi lățimea editorului WYSIWYG în funcția wp_editor()?

1 sept. 2013, 11:55:51

Vizualizări: 16.7K

Voturi: 5

Acesta este codul meu curent:

$initial_data = $this->options['my_plugin_editor'];
$settings = array(
    'quicktags' => array('buttons' => 'em,strong,link',), // tag-uri rapide
    'quicktags' => true, // activează tag-uri rapide
    'tinymce' => true, // activează TinyMCE
    'textarea_rows' => 20, // număr de rânduri
);
$id = 'my_plugin_editor_options[my_plugin_editor]';
wp_editor($initial_data,$id,$settings);

Problema este că nu pot seta lățimea editorului. Pot seta înălțimea 'textarea_rows' => 20, dar nu știu cum să setez lățimea (cols).

Dacă folosesc un textarea standard fără editor, funcționează bine cols="120"

Cum să setez cols în funcția wp_editor?

Derfder

2.08K

wp editor wysiwyg

Toate răspunsurile la întrebare

Comentarii

Cred că întrebarea era despre lățime, nu înălțime.

Vlado

18 aug. 2023 15:20:54

Comentarii

A funcționat perfect, mulțumesc

Karue Benson Karue

14 iun. 2020 11:33:20

Comentarii

Deși cred că această soluție funcționează, sugerez să adaugi parametrul în schimb, așa cum este descris în alte răspunsuri.

Christine Cooper

25 apr. 2019 11:54:19

Nabil Kadimi 2.73K · Answer 1 · 2014-10-02T19:42:57Z

Există doi parametri pe care îi puteți folosi pentru a modifica dimensiunea editorului de text generat cu wp_editor(), iată-i:

$settings = array(
    'editor_height' => 425, // În pixeli, are prioritate și nu are valoare implicită
    'textarea_rows' => 20,  // Nu are efect vizibil dacă editor_height este setat, valoarea implicită este 20
);

Dacă editor_height este furnizat, valoarea sa brută va fi folosită
Altfel, textarea_rows (sau valoarea sa implicită de 20) va fi folosit pentru a calcula înălțimea corespunzătoare în pixeli

Bine de știut:

Iată câteva exemple ale rezultatului conversiei de la textarea_rows la pixeli (această conversie se face pe partea de client):

0 până la 3 => 100
4 => 113
5 => 133
10 => 230
15 => 328
20 => 425
...

Nabil Kadimi

2.73K

2 oct. 2014 19:42:57

user3159159 81 · Answer 2 · 2014-03-12T23:56:55Z

$settings = array(
    'tinymce' => array(
        'width' => 200 // Lățimea editorului TinyMCE în pixeli
    )
);

Acest cod va oferă un editor TinyMCE cu lățimea de 200px. Am găsit informația aici: http://www.tinymce.com/wiki.php/Configuration

Când am încercat, culoarea de fundal a editorului meu TinyMCE s-a schimbat. Deci poate fi necesar să ajustați și această proprietate.

user3159159

81

12 mar. 2014 23:56:55

Daniel Payne 21 · Answer 3 · 2018-05-18T06:32:47Z

OK, iată ce am făcut recent și funcționează bine:

echo "<div style='width:75%;'>";
wp_editor( $content, 'myid', $settings );
echo "</div>";

Daniel Payne

21

18 mai 2018 06:32:47

Laniakea 503 · Answer 4 · 2013-09-01T12:43:11Z

Nu sunt sigur dacă poți seta cols"number" în array.

Dar o modalitate de a obține ceea ce dorești ar fi prin adăugarea unei clase la wp_editor-ul tău.

 $settings = array(
'quicktags' => array('buttons' => 'em,strong,link',),
'quicktags' => true,
'tinymce' => true,
'textarea_rows' => 20,
 'classes' => 'yourclass',
 );

sau când apelezi wp_editor:

 <?php wp_editor( $content, $editor_id, $settings = array('editor_class'=>'yourclass') ); ?>

Apoi setează lățimea în css:

 .yourclass {
   width: 400px !important; //adaugă !important dacă stilul tău este suprascris 
 }

Laniakea

503

1 sept. 2013 12:43:11