Wie wird das Bild als Zentrum in Tinymce ausgerichtet?

Question

Ich benutze Jquery Tinymce. Sobald ich ein Bild einfüge, wird es standardmäßig links ausgerichtet. Wie kann ich es als Mittelpunkt als Standard ausrichten?

if (tinyMCE.activeEditor != null && tinyMCE.activeEditor.isHidden() == false) 
{ 
    var content=tinyMCE.get('faq_answer').getContent()+"<img id='"+faq_media_id+"' src='"+path+"' title='"title"' align='"middle"' alt='"alternate"' width='"150"' height='"150"' >"; 
    tinyMCE.get('faq_answer').setContent(content); 
    //alert('tiny: '+content); 
} 

In meinem obigen Code bin ich Bild in Tinymce hinzufügen. Wenn ich align = "midde" finde, funktioniert das nicht für mich.

Answer 1

Ich denke, Sie erinnern sich an Ihre Frage, wie Sie die Standardschriftgröße der Editoren vordefinieren. Dieser ist ähnlich. Sie müssen die CSS nach Ihren Bedürfnissen in der CSS-Datei, die Sie mit der Einstellung content_css verweisen verweisen.

es sollte wie folgt aussehen

img { 
    align: middle; 
} 

EDIT: Obwohl die einfachste und wasserdichte Methode der CSS-Stil zu setzen, ist die CSS-Datei content_css reffers zu verwenden, um, die Sie verwenden können:

$(ed.getBody()).find('img').css('align','middle'); 

EDIT2: Sie benötigen qoutes Recht zu setzen:

var content=tinyMCE.get('faq_answer').getContent()+"<img id='"+faq_media_id+"' src='"+path+"' title='title' align='middle' alt='alternate' width='150' height='150' >"; 

EDIT3: Dies funktioniert:

$(ed.getBody()).find('img').css('display','block'); 
$(ed.getBody()).find('img').css('margin','0px auto');