Question

我正在使用jquery tinymce。插入图像后，它将默认对齐。如何将其作为默认中心对齐。

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);
}

在上面的代码中，我将图像添加到tinymce中。如果我给align =“midde”不适合我。

Answer 1

我想你还记得关于如何预定义编辑器默认字体大小的问题。这一个是类似的。您必须根据需要在使用content_css设置引用的css文件中设置css。

应该看起来像

img {
  align: middle;
}

编辑：尽管设置css样式的最简单，最防水的方法是使用css文件content_css参考，但您可以使用：

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

EDIT2：您需要设置正确的qoutes：

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：这将有效：

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

如何将图像作为中心对齐？

1 个答案: