如何在TinyMCE中对齐我的图像？

Question

我正在写一个脚本，它会在我的TinyMCE textarea的光标处插入一个图像。我希望能够将align属性添加到此图像。一切顺利，直到我添加align属性。无论我在模态中选择什么选项，我插入的图像总是左对齐。

var ed = tinyMCE.get('article-content');                // get editor instance
                        var range = ed.selection.getRng();                  // get range
                        var newNode = ed.getDoc().createElement ( "img" );  // create img node
                        newNode.src=attachment.prop('src');    
                        newNode.width = attachment.width();
                        newNode.height = attachment.height();
                        newNode.align = $('input[name="align"]').val();                                           // add src attribute
                        range.insertNode(newNode);      
                        /* Clear previous values */                                     
                        $('input[name="align"]').prop('checked', false);


<input type="radio" id="inlineRadio1" name="align" value="left"> Left
<input type="radio" id="inlineRadio1" name="align" value="center"> Center
<input type="radio" id="inlineRadio1" name="align" value="right"> Right