Ändra bredden på TinyMCE

Re: hur man ändrar breddegenskapen för tinyMCE?

1. Ta bort bredden från tinyMCE.i det.
2. Ställ in textrutans bredd till 100%
3. Placera en DIV runt asp: textrutan och ställ in bredden på DIV (style = "width: 300px;") till vad du vill för en bredd.

1. Hur ändrar jag storlek på TinyMCE?
2. Hur anpassar du TinyMCE-redigeraren?
3. Hur gör du TinyMCE lyhörd?
4. Hur ändrar jag min TinyMCE-höjd?
5. Hur döljer jag baren i TinyMCE?
6. Hur blir jag av med liten?
7. Hur ändrar jag mitt TinyMCE-tema?
8. Hur ändrar jag min TinyMCE-hud?
9. Hur lägger du till en anpassad knapp i TinyMCE-redigeraren?
10. Hur laddar jag upp bilder till TinyMCE?

Hur ändrar jag storlek på TinyMCE?

tinymce. init (selector: 'textarea', // ändra detta värde enligt din HTML-storlek: true);
...
ändra storlek alternativet har 3 värden:

1. false: att inaktivera.
2. true: aktivera endast Vertical resize.
3. 'både': aktivera båda ändringsstorleksriktningarna.

Hur anpassar du TinyMCE-redigeraren?

1. Migrera en grundläggande Froala-konfiguration till TinyMCE.
2. Uppdaterar listan över plugins.
3. Migrera en anpassad verktygsfältlayout.
4. Konfigurera inline-läge.
5. Migrera anpassade knappar.
6. Migrera anpassade nedrullningsbara verktygsfältknappar.

Hur gör du TinyMCE lyhörd?

TinyMCE-redigeraren kan göras lyhörd genom att använda css-mediafrågor. Lägg bara till css-regler som anger breddegenskapen för tabellen. mceLayout och de lilla MCE-textområdena. Du måste genomdriva dessa css-regler med !

Hur ändrar jag min TinyMCE-höjd?

Denna höjd kan vara mycket användbar för att ange om redigeraren ska användas i dolda flikar eller om redigeringsområdet ska vara större än det ersatta elementet. Standardvärdet för det här alternativet är inställt på höjden på HTML-elementet som TinyMCE ersätter. Till exempel pixelhöjden för ett textområde.

Hur döljer jag baren i TinyMCE?

För att inaktivera verktygsfältet bör verktygsfältets alternativ ha ett booleskt värde av falskt .

Hur blir jag av med liten?

init (selector: '# tinymce-div', // Inaktivera varumärkesmeddelande, ta bort "Powered by TinyMCE" branding: false);

1. Tycka om.
2. Dela med sig.
3. Fäst den.
4. WhatsApp.

Hur ändrar jag mitt TinyMCE-tema?

Med det här alternativet kan du ange vilket tema som ska användas vid återgivning av TinyMCE WYSIWYG-redigeringsinstanser. Det här namnet matchar katalogerna i tinymce / jscripts / tiny_mce / themes . Standardvärdet för detta alternativ är "avancerat". TinyMCE har två inbyggda teman som beskrivs nedan.

Hur ändrar jag min TinyMCE-hud?

Om du vill ändra utseendet på TinyMCE till exempel ändra färgerna för knapparna kan du skapa din egen hud genom att göra en kopia av standardskinnet jscripts / tiny_mce / teman / advanced / skins / default till jscripts / tiny_mce / themes / advanced / skinn /<ditt hudnamn> . Kom ihåg att byta ut alla .

Hur lägger du till en anpassad knapp i TinyMCE-redigeraren?

Här är ett exempel:

1. redaktör. addButton ('mybutton', text: "My Button", onclick: function () alert ("My Button clicked!"););
2. funktion toTimeHtml (datum) return '<tid datetime = "'+ datum. toString () + '">'+ datum. ...
3. redaktör. addButton ('strikeout', icon: 'strikethrough', onclick: function () editor.

Hur laddar jag upp bilder till TinyMCE?

Utöka TinyMCE med kraftfulla bilduppladdningsfunktioner.

1. Efter uppladdning uppdaterar TinyMCE automatiskt <bild> src-attribut med den nya sökvägen till fjärrbilden.
2. Det rekommenderas att redaktören. ...
3. Bilder skickas till Image Uploader via HTTP POST med varje inlägg som innehåller en enda bild.