TinyMCE enlève <style> étiquettes

Question

Je suis confronté à un problème avec TinyMCE. Lorsque j'entre une balise de style dans l'éditeur HTML de TinyMCE, il supprime les balises lorsque je clique sur mise à jour.

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

Mes éléments sont valides suit:

<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> 

aide Quelqu'un peut-il s'il vous plaît ??

Answer 1

"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]" 

Permettez-moi de savoir comment cela fonctionne pour vous

Answer 2

Puisque les balises de style ne sont pas XHTML, TinyMCE désactivé la possibilité de les ajouter en dehors des balises.

Vous devez ajouter des balises de style à la valid children configuration

valid_children : "+body[style]" 

Edit: Cette solution applique à la version 3.4.2

Source

Answer 3

Si vous mettez tinyMCE en mode FullPage, vous pouvez mettre les styles dans le

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

Answer 4

C'est un peu hacky mais j'utilise TinyMCE 4 et j'étais à la rigueur, j'ai donc ajouté un tag <script> dans la vue Source Code de l'éditeur TinyMCE et utilisé jQuery to change the styles.

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

Cela suppose que TinyMCE a été configuré de ne pas interdire les balises de script, et que votre page a déjà jQuery inclus dans comme le mien a fait, sinon vous pouvez utiliser la norme javascript to change styles.

Answer 5

Pour moi, je dois faire ce qui suit dans TinyMCE 4.5.7:

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