TinyMCE verwijdert <style> labels

Ik heb een probleem met TinyMCE. Wanneer ik een stijltag invoer in de HTML-editor van TinyMCE, worden de tags verwijderd wanneer ik op bijwerken klik.

<style type="text/css"> 
     .newclasss { color:#c9c9c9; } 
</style>

Mijn geldige elementen zijn de volgende:

<script type="text/javascript">
var valid_elms = "hr[class|width|size|noshade]";
valid_elms    += "span[class|align|style],";
valid_elms    += "font[face|size|color|style],";
valid_elms    += "img[href|src|name|title|onclick|align|alt|title|";
valid_elms    += "width|height|vspace|hspace],";
valid_elms    += "iframe[id|class|width|size|noshade|src|height|";
valid_elms    += "frameborder|border|marginwidth|marginheight|";
valid_elms    += "target|scrolling|allowtransparency],style";
extended_valid_elements: valid_elms
</script>

Kan iemand me alsjeblieft helpen??


Antwoord 1, autoriteit 100%

Aangezien stijltags geen geldige XHTML zijn, heeft TinyMCE de mogelijkheid uitgeschakeld om ze buiten de tags toe te voegen.

Je moet stijltags toevoegen aan de geldige configuratie voor kinderen

valid_children : "+body[style]"

Bewerken: deze oplossing is van toepassing op versie 3.4.2

Bron


Antwoord 2, autoriteit 9%

"hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],img[href|src|name|title|onclick|align|alt|title|width|height|vspace|hspace],iframe[id|class|width|size|noshade|src|height|frameborder|border|marginwidth|marginheight|target|scrolling|allowtransparency],style[type]"

Laat me weten hoe dat voor jou werkt


Antwoord 3, autoriteit 5%

Als je tinyMCE in de modus voor volledige pagina’s zet, kun je stijlen in de <head>

plaatsen

<script type="text/javascript">
tinyMCE.init({
        plugins : "fullpage",
});
</script>

Antwoord 4

Het is een beetje hacky, maar ik gebruik TinyMCE 4 en zat in de problemen, dus ik heb een <script>-tag toegevoegd in de Broncodebekijken en gebruiken jQuery om de stijlen te wijzigen.

<script>$("#signup").css("font-weight", "bold");</script>

Hiermee wordt ervan uitgegaan dat TinyMCE is ingesteld om scripttags niet toe te staan, en dat uw pagina al jQuery bevat zoals de mijne, anders zou u de standaard javascript om stijlen te wijzigen.


Antwoord 5

Voor mij moet ik het volgende doen in TinyMCE 4.5.7:

tinyMCE.schema.addValidChildren("body[style]")

Other episodes